posiadam scroller przewijający obrazki na stronie w poziomie.
Oto kod:
Kod
<script type="text/javascript" src="jquery-1.x.js"></script>
<script type="text/javascript" src="jscroller-0.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Add Scroller Object
$jScroller.add("#scroller_container","#scroller","left",1);
// Start Autoscroller
$jScroller.start();
});
</script>
...
<div id="scroller_container"><div id="scroller">
<a href=""><img src="images/adidas_off.png" onmouseover="this.src='images/adidas_on.png';" onmouseout="this.src='images/adidas_off.png';" /></a>
<a href=""><img src="images/opel_off.png" onmouseover="this.src='images/opel_on.png';" onmouseout="this.src='images/opel_off.png';" /></a>
<a href=""><img src="images/mp_off.png" onmouseover="this.src='images/mp_on.png';" onmouseout="this.src='images/mp_off.png';" /></a>
<a href=""><img src="images/orange_off.png" onmouseover="this.src='images/orange_on.png';" onmouseout="this.src='images/orange_off.png';" /></a>
<a href=""><img src="images/ericsson_off.png" onmouseover="this.src='images/ericsson_on.png';" onmouseout="this.src='images/ericsson_off.png';" /></a>
<a href=""><img src="images/ford_off.png" onmouseover="this.src='images/ford_on.png';" onmouseout="this.src='images/ford_off.png';" /></a>
<a href=""><img src="images/zus_off.png" onmouseover="this.src='images/zus_on.png';" onmouseout="this.src='images/zus_off.png';" /></a>
<a href=""><img src="images/porsche_off.png" onmouseover="this.src='images/porsche_on.png';" onmouseout="this.src='images/porsche_off.png';" /></a>
<a href=""><img src="images/atlas_off.png" onmouseover="this.src='images/atlas_on.png';" onmouseout="this.src='images/atlas_off.png';" /></a>
<a href=""><img src="images/konica_off.png" onmouseover="this.src='images/konica_on.png';" onmouseout="this.src='images/konica_off.png';" /></a>
</div></div>
<script type="text/javascript" src="jscroller-0.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Add Scroller Object
$jScroller.add("#scroller_container","#scroller","left",1);
// Start Autoscroller
$jScroller.start();
});
</script>
...
<div id="scroller_container"><div id="scroller">
<a href=""><img src="images/adidas_off.png" onmouseover="this.src='images/adidas_on.png';" onmouseout="this.src='images/adidas_off.png';" /></a>
<a href=""><img src="images/opel_off.png" onmouseover="this.src='images/opel_on.png';" onmouseout="this.src='images/opel_off.png';" /></a>
<a href=""><img src="images/mp_off.png" onmouseover="this.src='images/mp_on.png';" onmouseout="this.src='images/mp_off.png';" /></a>
<a href=""><img src="images/orange_off.png" onmouseover="this.src='images/orange_on.png';" onmouseout="this.src='images/orange_off.png';" /></a>
<a href=""><img src="images/ericsson_off.png" onmouseover="this.src='images/ericsson_on.png';" onmouseout="this.src='images/ericsson_off.png';" /></a>
<a href=""><img src="images/ford_off.png" onmouseover="this.src='images/ford_on.png';" onmouseout="this.src='images/ford_off.png';" /></a>
<a href=""><img src="images/zus_off.png" onmouseover="this.src='images/zus_on.png';" onmouseout="this.src='images/zus_off.png';" /></a>
<a href=""><img src="images/porsche_off.png" onmouseover="this.src='images/porsche_on.png';" onmouseout="this.src='images/porsche_off.png';" /></a>
<a href=""><img src="images/atlas_off.png" onmouseover="this.src='images/atlas_on.png';" onmouseout="this.src='images/atlas_off.png';" /></a>
<a href=""><img src="images/konica_off.png" onmouseover="this.src='images/konica_on.png';" onmouseout="this.src='images/konica_off.png';" /></a>
</div></div>
Chcę dodać do tego coś takiego aby obrazki nie miały początku i końca, czyli cały czas byłyby przewijane te same w kółko. Jeszcze chciałbym zrobić aby po najechaniu myszką scroller zatrzymywał się. Dziękuję za podpowiedzi.
Pozdrawiam,
kwlwski