Jquery
Scroller
Horizontal scroller from left to right side direction:-
Index.html
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
<title>jQuery simplyScroll - Logicbox</title>
<script type="text/javascript"
src="http://splashurl.com/o5bzej9
</script>
<!--<script type="text/javascript"
src="/js/common.js"></script>-->
<script type="text/javascript"
src="../jquery.simplyscroll.js"></script>
<link rel="stylesheet"
href="../jquery.simplyscroll.css" media="all"
type="text/css">
<script type="text/javascript">
(function($) {
$(function()
{
$("#scroller").simplyScroll({direction:'backwards'});
});
})(jQuery);
</script>
</head>
<body>
<ul id="scroller">
<li><img
src="http://splashurl.com/pr7cb7b
width="290" height="200"
alt="Firehouse"></li>
<li><img
src="http://splashurl.com/oj28lwq
width="290" height="200" alt="Chloe
nightclub"></li>
<li><img
src="http://splashurl.com/q7v2zks
width="290" height="200" alt="Firehouse
bar"></li>
<li><img
src="http://splashurl.com/nhpgjwx
width="290" height="200" alt="Firehouse chloe club
fishtank"></li>
<li><img
src="http://splashurl.com/oc6uyqy
width="290" height="200" alt="Firehouse
restaurant"></li>
<li><img
src="http://splashurl.com/ng37vwk
width="290" height="200"
alt="Firehouse"></li>
</ul>
</body>
</html>
Used two jquery and one css attached in given folder
<script type="text/javascript"
src="http://splashurl.com/o5bzej9
</script>
<script type="text/javascript"
src="../jquery.simplyscroll.js"></script>
<link rel="stylesheet" href="../jquery.simplyscroll.css"
media="all" type="text/css">
Above code is functional. If you find any problem in applying this, please contact us.
