Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Scroller JS
kowalewski92
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 29.01.2013

Ostrzeżenie: (0%)
-----


Witam,
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>


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
buliq
post
Post #2





Grupa: Zarejestrowani
Postów: 559
Pomógł: 93
Dołączył: 4.03.2008
Skąd: Olsztyn

Ostrzeżenie: (0%)
-----


Korzystasz ze starej wersji ...
Tu masz nowszą: http://jscroller2.markusbordihn.de/

Ponadto. Na elemencie scrollera wykrywasz akcję mouseover i mouseout, i odpowiednio zastosować start i stop

W wersji drugiej masz pierwszy problem dodany w kodzie. http://jscroller2.markusbordihn.de/docs/
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 16:59