Submit your widget
HomeSlideshow & ScrollerText and images scroll with jquery plugin

Text and images scroll with jquery plugin

Created 10 years ago   Views 21394   downloads 6236    Author wmh
Text and images scroll with jquery plugin
View DemoDownload
61
Share |

Usage:

Add js file:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.scrollbox.js"></script>

Add html:

    <div id="demo" class="scroll-img">
      <ul>
        <li><a href="http://www.faceyourmanga.com/mangatar.php?id=234" target="_blank"><img src="img/normal_234.png"></a></li>
        <li><a href="http://www.faceyourmanga.com/mangatar.php?id=485" target="_blank"><img src="img/normal_485.png"></a></li>
        <li><a href="http://www.faceyourmanga.com/mangatar.php?id=511" target="_blank"><img src="img/normal_511.png"></a></li>
      </ul>
    </div>

Startup javascript:

$(function () {
  $('#demo').scrollbox({
    linear: true,
    step: 1,
    delay: 0,
    speed: 100
  });
});

 

You might also like