Song 6

Set Size

  1. <!-- Wimpy Button Styles 
  2. NOTE: These <link> references should go into the <head>, 
  3. they are located here so they show up on the page.
  4. -->
  5. <link href="../wimpy.buttons/WimpyButton_7779840.css" rel="stylesheet" type="text/css">
  6.  
  7. <!-- Wimpy Button Instance -->
  8. <p><span id="myButtonElementID" class="WimpyButton_7779840" data-wimpybutton="../song3.mp3"></span> <br>Song 6</p>
  9.  
  10.  
  11. <!-- Some buttons with javascript in the "conclick" to adjust the size -->
  12. <p>
  13. 	<input type="button" onclick="wimpyButton.setSize('myButtonElementID', 25, 25)" value="Smaller Size">
  14. </p>
  15.  
  16. <p>
  17. 	<input type="button" onclick="wimpyButton.setSize('myButtonElementID', 50, 50)" value="Medium Size">
  18. </p>
  19.  
  20. <p>
  21. 	<input type="button" onclick="wimpyButton.setSize('myButtonElementID', 100, 100)" value="Bigger Size">
  22. </p>
  23.  
  24. <!-- Changing Icon Size -->
  25. <p>
  26. 	<input type="button" onclick="wimpyButton.setSize('myButtonElementID', 36, 36, 12)" value="Small Icon">
  27. </p>
  28. <p>
  29. 	<input type="button" onclick="wimpyButton.setSize('myButtonElementID', 36, 36, 20)" value="Medium Icon">
  30. </p>
  31. <p>
  32. 	<input type="button" onclick="wimpyButton.setSize('myButtonElementID', 36, 36, 28)" value="Large Icon">
  33. </p>
  34.  
  35.  
  36. <p>Set Size</p>
giItT1WQy@!-/#