Posted by malatestapunk Fri 2nd Mar 2007 10:14 - Syntax is HTML (4.0.1) - 39 views
Download | New Post | Modify | Hide line numbers
Description:
An example of twangoRotator twidget usage.

  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. xmlns="http://www.w3.org/1999/xhtml">
  5. A title
  7. type="text/javascript" src="http://feeds.twango.com/js/channelmedia.aspx?channelname=jim.adventure">
  9.  
  11. type="text/javascript" src="rotatorTwidget.js">
  13.  
  15. type="text/javascript">
  16. //<![CDATA[
  17. window.onload = function () {
  18.     new rotatorTwidget (
  19.     // *** OPTIONAL PARAMETERS ***
  20.     //{
  21.             //'divID': 'twangoRotator',   // ID of the DIV element to be transformed into twangoRotator; default is 'twangoRotator'
  22.             //'scrollerHeight': 10,       // height of scroller buttons in pixels; 10 is the default value
  23.             //'onAction': 'onclick',      // javascript event handler that triggers scrolling; 'onclick' is the default value
  24.             //'height': 140,              // overall twidget height, in pixels; default value is 100 + 2*scrollerHeight (120px)
  25.             //'width': 50,                // overall twidget width, in pixels; default is 100
  26.             //'scrollerUpBg': 'up.gif',   // image to be used for 'up' scroller; default is none
  27.             //'scrollerDnBg': 'dn.gif'    // image to be used for 'down' scroller; default is none
  28.     //}
  29.     );
  30. }
  31. //]]>
  33. type="text/css">
  34. /*<![CDATA[*/
  35. /*
  36. *** You can also apply style to the rotator box
  37. */
  38. #twangoRotator {
  39.         background-color: #F6F6F6;
  40.         border: 4px solid #FaFaFa;
  41. }
  42. /*]]>*/
  46.  
  48. id="twangoRotator">these are my Twango pictures
  51.  

PermaLink to this entry https://pastebin.co.uk/11288
Posted by malatestapunk Fri 2nd Mar 2007 10:14 - Syntax is HTML (4.0.1) - 39 views
Download | New Post | Modify | Hide line numbers

 

Comments: 0