Useful picture slidebar (javascript)

[ 2007-03-11 11:08:05 | Author: liuhuan ]
Font Size: Large | Medium | Small
Example: http://www.tscn.cn/
Quote
<script>var NowFrame = 1;var MaxFrame = 4;var bStart = 0;function fnToggle(){var next = NowFrame + 1;if(next == MaxFrame+1) {NowFrame = MaxFrame;next = 1;}if(bStart == 0){bStart = 1;setTimeout('fnToggle()', 2000);return;}else{oTransContainer.filters[0].Apply();document.images['oDIV'+next].style.display = "";document.images['oDIV'+NowFrame].style.display = "none";oTransContainer.filters[0].Play(duration=2);if(NowFrame == MaxFrame){NowFrame = 1;}else{NowFrame++;}}  setTimeout('fnToggle()', 6000);}fnToggle();</script>

<div id=oTransContainer style="FILTER:progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 524px; HEIGHT: 393px"><img src="http://www.liuhuan.com/blog/uploads/200702/17_100455_img_2680.jpg" width=524 height=393 border=0 class=pic id=oDIV1><img class=pic id=oDIV2 height=393 src="http://www.liuhuan.com/blog/uploads/200702/17_100105_img_2621.jpg" width=524 border=0 style="DISPLAY: none;"><img class=pic id=oDIV3 height=393 src="http://www.liuhuan.com/blog/uploads/200702/17_095759_img_2605.jpg" width=524 border=0 style="DISPLAY: none;"><img class=pic id=oDIV4 height=393 src="http://www.liuhuan.com/blog/uploads/200702/17_101133_img_2786.jpg" width=524 border=0 style="DISPLAY: none;"></div>
[Last Modified By liuhuan, at 2007-03-11 11:13:21]
Comments Feed Comments Feed: http://www.liuhuan.com/blog/feed.asp?q=comment&id=720

There is no comment on this article.

You can't post comment on this article.