I am having trouble getting the thumbnail scroll to move. Not sure what the problem is. I have add the jquery library in the proper folders.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Jewel Computer Brokers inc.</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.thumbnailScroller.css" rel="stylesheet" type="text/css" />
[COLOR="Purple"]<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js">
</script>[/COLOR]
</head>
<body>
<div id="container">
<div id="wrapper">
<div id="main_content">
<div class="mainTop">
<div id="sideNav">
<div id="button1"><div>Service</div></div>
<div id="button2"><div>Hardware</div></div>
<div id="button3"><div>Software</div></div>
</div><!--sideNav-->
<div id="mainBanner"></div>
</div><!--mainTop-->
<div id="home_content">
<p>Satisfying your computer hardware and software needs since 1991. Jewel Computer Brokers’ long term relationship in the computer marketplace enables us to provide you with a full range of computer hardware, software and, supplies. Our top notch service will afford you, the customer the luxury and peace of mind that all of your needs are being taken care of...<span>READ MORE</span></p>
</div><!--home_content-->
[COLOR="Purple"]<div id="tS2" class="jThumbnailScroller">
<div class="jTscrollerContainer">
<div class="jTscroller">
<a href="#"><img src="images/demo/ibm.png" /></a>
<a href="#"><img src="images/demo/motorola.png" /></a>
<a href="#"><img src="images/demo/ibm.png" /></a>
<a href="#"><img src="images/demo/motorola.png" /></a>
<a href="#"><img src="images/demo/ibm.png" /></a>
<a href="#"><img src="images/demo/motorola.png" /></a>
</div>
</div>
<a href="#" class="jTscrollerPrevButton"></a>
<a href="#" class="jTscrollerNextButton"></a>
</div>
[/COLOR]
</div><!--main_content-->
</div><!--wrapper-->
<div id="footerWrapper">
</div><!--footerWrapper-->
<div id="nav_header">
<div id="navList">
<ul id="nav1">
<li>HOME</li>
<li>ABOUT US</li>
</ul>
<ul id="nav2">
<li>SOLUTIONS</li>
<li>CONTACT</li>
</ul>
</div><!--navList-->
<div id="logo"></div>
</div><!--nav_header-->
</div><!--container-->
[COLOR="Purple"]
<script>
/* jQuery.noConflict() for using the plugin along with other libraries.
You can remove it if you won't use other libraries (e.g. prototype, scriptaculous etc.) or
if you include jQuery before other libraries in yourdocument's head tag.
[more info: http://docs.jquery.com/Using_jQuery_with_Other_Libraries] */
jQuery.noConflict();
/* calling thumbnailScroller function with options as parameters */
(function($){
window.onload=function(){
$("#tS2").thumbnailScroller({
scrollerType:"hoverAccelerate",
scrollerOrientation:"horizontal",
scrollSpeed:2,
scrollEasing:"easeOutCirc",
scrollEasingAmount:600,
acceleration:4,
scrollSpeed:800,
noScrollCenterSpace:10,
autoScrolling:20,
autoScrollingSpeed:2000,
autoScrollingEasing:"easeInOutQuad",
autoScrollingDelay:500
});
$("#tS3").thumbnailScroller({
scrollerType:"hoverPrecise",
scrollerOrientation:"vertical",
scrollSpeed:2,
scrollEasing:"easeOutCirc",
scrollEasingAmount:800,
acceleration:4,
scrollSpeed:800,
noScrollCenterSpace:10,
autoScrolling:0,
autoScrollingSpeed:2000,
autoScrollingEasing:"easeInOutQuad",
autoScrollingDelay:500
});
}
})(jQuery);
</script>[/COLOR]
</body>
</html>
