<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>example</title><style>.test{position:relative;border:solid 1px #0f0;height:200px;overflow:hidden;width:1120px;margin:auto}.test div{position:absolute;height:200px;width:260px;margin:0 10px}.test div img{width:100%;height:100%}</style><script src="./js/jquery-1.7.1.min.js"></script><script src="./js/jquery.imagesScrolling.min.js"></script><script>$(document).ready(function(e) {$('#test').imagesScrolling();$('#test1').imagesScrolling({speed:20});$('#test2').imagesScrolling({step:280, speed:1000});});</script></head><body><div id="test" class="test"><div><img src="./images/1.jpg" /></div><div><img src="./images/2.jpg" /></div><div><img src="./images/3.jpg" /></div><div><img src="./images/4.jpg" /></div><div><img src="./images/5.jpg" /></div><div><img src="./images/6.jpg" /></div><div><img src="./images/7.jpg" /></div><div><img src="./images/8.jpg" /></div></div><pre><code>$('#test').imagesScrolling();</code></pre><div id="test1" class="test"><div><img src="./images/1.jpg" /></div><div><img src="./images/2.jpg" /></div><div><img src="./images/3.jpg" /></div><div><img src="./images/4.jpg" /></div><div><img src="./images/5.jpg" /></div><div><img src="./images/6.jpg" /></div><div><img src="./images/7.jpg" /></div><div><img src="./images/8.jpg" /></div></div><pre><code>$('#test1').imagesScrolling({speed:20});</code></pre><div id="test2" class="test"><div><img src="./images/1.jpg" /></div><div><img src="./images/2.jpg" /></div><div><img src="./images/3.jpg" /></div><div><img src="./images/4.jpg" /></div><div><img src="./images/5.jpg" /></div><div><img src="./images/6.jpg" /></div><div><img src="./images/7.jpg" /></div><div><img src="./images/8.jpg" /></div></div><pre><code>$('#test2').imagesScrolling({step:280, speed:1000});</code></pre></body></html>
Thursday, 6 June 2013
Jquery Auto Image Scrolling
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment