Autor Zpráva
salieri
Profil *
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 *
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 *
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

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: