continous change slide problem
Hi,
Bit of a newbie on jQuery and stuck on making a slider automatically progress through the slide - uses a next and back but want autoplay.
The page has an example of it
http://www.oki-ni.com/page/home-test.
I have tried changing the the scripts.js & jquery.cycle.js files but then it then wont function at all. My html code is below ...
-
<head>
<script src="http://www.google.com/jsapi"></script>
<script>
// Load jQuery
google.load("jquery", "1.2");
</script>
<script type="text/javascript" src="http://www.oki-ni.com/content/ebiz/okini/resources/images/jquery.cycle.js"></script>
<script type="text/javascript" src="http://www.oki-ni.com/content/ebiz/okini/resources/images/scripts.js"></script>
<script type="text/javascript" src="http://www.oki-ni.com/content/ebiz/okini/resources/images/preloadCssImages.jQuery_v5.js"></script>
<script type="text/javascript">
$(window).load(function () {
$(".fade").show();
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#share").click(function () {
$(".share").toggle();
});
$.preloadCssImages();
});
</script>
<style type='text/css'>
/* featured rotator */
#featured {margin:0px;padding:0px;position:relative;display:block; width:960px; font-family:Arial, Helvetica, sans-serif;}
#featcontain:hover #fadenav {display:block;opacity:0.7;filter: alpha(opacity=70); /* internet explorer */
-khtml-opacity: 0.7; /* khtml, old safari */
-moz-opacity: 0.7; /* mozilla, netscape */}
#featcontain:hover .fade span {display:block;opacity:0.7;filter: alpha(opacity=70); /* internet explorer */
-khtml-opacity: 0.7; /* khtml, old safari */
-moz-opacity: 0.7; /* mozilla, netscape */}
.fade {width:960px;height:575px;padding:0;margin:0;background:#fff;position:relative;overflow:hidden;display:none;cursor:pointer;}
.fade img {top:0;left:0;}
.fade a {text-decoration:none;color:#fff;}
.fade span {position:absolute;bottom:0;left:0;display:none;font-size:14px;background:#f7f7f7;padding:18px 20px;color:#333;width:100%;cursor:pointer;}
#fadenav {position:absolute;top:0;right:0;z-index:99999;margin-top:34px;_margin-top:15px;font-size:11px;margin-right:15px;display:none;_margin-left:-15px;}
#fadenav span {position:relative;}
#fadenav a#next {}
#fadenav a#prev {}
#fadenav a {background:#fff;padding:4px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#333;font-weight:bold;text-decoration:none;margin-left:15px;_margin-left:1px;}
#fadenav a:hover {colour:#ad924b;}
</style>
</head>
<div id="featured">
<div id="featcontain">
<div class="fade">
<a href="<venda_server>/stry/amountainofone">
<img src="<venda_server>/content/ebiz/okini/resources/images/home_amo1.jpg" alt="" class="feature-thumb" width="960" height="575" id="leadpic">
<span id="feature-desc">a mountain of one - exclusive boxset available</span>
</a>
<a href="<venda_server>/icat/haversackall">
<img src="<venda_server>/content/ebiz/okini/resources/images/home_haversack01.jpg" alt="" class="feature-thumb" width="960" height="575" id="leadpic">
<span id="feature-desc">haversack by koji norihide - view spring/summer collection</span>
</a>
<a href="<venda_server>/icat/martinmargielaall">
<img src="<venda_server>/content/ebiz/okini/resources/images/home_mm01.jpg" alt="" class="feature-thumb" width="960" height="575" id="leadpic">
<span id="feature-desc">maison martin margiela - new season footwear</span>
</a>
<a href="<venda_server>/icat/tooristall">
<img src="<venda_server>/content/ebiz/okini/resources/images/home_toorist.jpg" alt="" class="feature-thumb" width="960" height="575" id="leadpic">
<span id="feature-desc">to-orist - start exploring here ...</span>
</a>
<a href="<venda_server>/icat/rickowensall">
<img src="<venda_server>/content/ebiz/okini/resources/images/home_rickowens.jpg" alt="" class="feature-thumb" width="960" height="575" id="leadpic">
<span id="feature-desc">rick owens - spring/summer collection</span>
</a>
<a href="<venda_server>/icat/rafsimonsall">
<img src="<venda_server>/content/ebiz/okini/resources/images/home_raf01.jpg" alt="" class="feature-thumb" width="960" height="575" id="leadpic">
<span id="feature-desc">raf simons show pieces now available</span>
</a>
</div>
<div id="fadenav"><span><a href="javascript:;" id="prev">Prev</a><a href="javascript:;" id="next">Next</a></span></div>
</div>
</div>
The js files live here -
http://www.oki-ni.com/content/ebiz/okini/resources/images/jquery.cycle.js and here
http://www.oki-ni.com/content/ebiz/okini/resources/images/scripts.js.
Any help would be really appreciated,
Thanks,
Pete[/url]