| Autor | Zpráva | ||
|---|---|---|---|
| salieri Profil * |
#1 · Zasláno: 25. 7. 2013, 13:41:45
Prosím o radu se Slide-show.
Prosil bych jednu radu. Potřeboval bych ty obrázky aby odkazovali. Zkoušel jsem před img dát odkaz ale bohužel pak slideshow nefunguje. <html> <head> <title>Slide-Show</title> <style> #slideshow { position:relative; height:200px; width: 210px; } #slideshow img { position:absolute; top:10px; left:5px; border:solid black 1px; } </style> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <script> function init() { $('#slideshow img').hide(); $('#slideshow img:first').show(); } function slide() { var $top = $('#slideshow img:visible'); var $next; if($top.next().length > 0) $next = $top.next(); else $next = $('#slideshow img:first'); $top.hide(); $next.show(); } $(document).ready(function() { init(); setInterval( "slide()", 3000 ); }); </script> </head> <body> <div id="slideshow"> <img src="pokus.jpg" /> <img src="pokus2.jpg" /> <img src="pokus3.jpg" /> <img src="pokus4.jpg" /> <img src="pokus5.jpg" /> </div> </body> </html> [/pre] |
||
| pako Profil * |
#2 · Zasláno: 26. 7. 2013, 11:50:27
podla dokumentacie k jquery metoda
next vracia najblizsieho surodenca, pridanim linkov spravis z kazdeho obrazku dieta odkazu, ktore surodencov nema, takze v podmienka je vzdy neplatna a tym padom sa ti zobrazi len prvy obrazok.
|
||
| Supermario92 Profil * |
#3 · Zasláno: 26. 7. 2013, 18:45:53
Normálně obalíš <a><img></a> a budeš pracovat s odkazy a ne s obrázky.Například $next = $('#slideshow a:first'); nezkoušel jsem to ,ale mělo by to fungovat
|
||
|
Časová prodleva: 12 let
|
|||
0