Nie wiedziałem gdzie napisać ten temat to postanowiłem że tutaj spróbuje. Jest to jeden z elementów www więc na pewno ktoś będzie coś wiedział na ten temat. Chodzi mi o JQuery. Mam pewien problem. Chodzi o to że mam animacje w które pokazuje mi 4 obrazki i linki do tych obrazków i animacja wygląda okej. Tutaj nie miałem problemu. Jednak chce to zautomatyzować czyli nie podawać jak dotychczas (zdjęcie1, zdjęcie2, zdjęcie3, zdjęcie4, pierwszy, drugi, trzeci)
<script type="text/javascript">
$(document).ready(function(){
$(".pierwszy").click(function(){
$(".zdjecie2").fadeOut(0.1)
$(".zdjecie3").fadeOut(0.1)
$(".zdjecie4").fadeOut(0.1)
$(".zdjecie1").delay(600).fadeIn(1);
});
$(".drugi").click(function(){
$(".zdjecie1").fadeOut(1)
$(".zdjecie3").fadeOut(1)
$(".zdjecie4").fadeOut(1)
$(".zdjecie2").delay(600).fadeIn(1);
});
$(".trzeci").click(function(){
$(".zdjecie1").fadeOut(1)
$(".zdjecie2").fadeOut(1)
$(".zdjecie4").fadeOut(1)
$(".zdjecie3").delay(600).fadeIn(1);
});
$(".czwarty").click(function(){
$(".zdjecie1").fadeOut(1)
$(".zdjecie2").fadeOut(1)
$(".zdjecie3").fadeOut(1)
$(".zdjecie4").delay(600).fadeIn(1);
});
});
<div id="kwadrat">
<div class="linki">
<a href ="#" class="pierwszy">1</a>
<a href ="#" class="drugi">2</a>
<a href ="#" class="trzeci">3</a>
<a href ="#" class="czwarty">4</a>
</div>
<div class="zdjecie1"><img src="grafika\s1.jpg" height="180" weidth="200"/></div>
<div class="zdjecie2"><img src="grafika\s2.jpg" height="180" weidth="200"/></div>
<div class="zdjecie3"><img src="grafika\s3.jpg" height="180" weidth="200"/></div>
<div class="zdjecie4"><img src="grafika\s4.jpg" height="180" weidth="200"/></div>
</div>
Chce coś takiego ale nie wiem jak to napisać(nie wiem jak takiego coś pisze sie w jquery):
Zlicza mi wszystkie linki[i].
Zlicza mi wszystkie zdjecie[i]
chce aby animacja działała też po załadowaniu strony. Tutaj tylko podać zdarzenie jakie to wykonuje dalej będę wiedział jak oprogramować
////cos takiego tylko że wiem że jest to zle ;/ ale osoba co wie o co chodzi pomoże.
$(".p[1]").click(function(){
$(".zdjecie[1]").fadeOut(0.1)
$(".zdjecie[2]").fadeOut(0.1)
$(".zdjecie[3]").fadeOut(0.1)
$(".zdjecie[4]").delay(600).fadeIn(1);
});
</cod>
itp.
Bardzo proszę o pomoc