Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

jQuery problem- Mijenjanje slike i teksta istovremeno

[es] :: Javascript i AJAX :: jQuery problem- Mijenjanje slike i teksta istovremeno

[ Pregleda: 1385 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

drmilun9
Dragan Milunović

Član broj: 303475
Poruke: 99
*.teol.net.



+1 Profil

icon jQuery problem- Mijenjanje slike i teksta istovremeno30.09.2012. u 12:48 - pre 107 meseci
Pozdrav svima.

Napravio sam opciju da se klikom na "button" mijenjaju slike, ali problem je u tome što neće tekst ispod slike da mi se mijenja. Znači želim da mi se ispod slike kad kliknem na dugme "button" automatski pojavi i opis slike. Slike se mijenjaju bez problema kad kliknem na "button", međutim problem je u tekstu unutar div- ova koji se ne mijenja, evo i kompletnog koda:

<html>
<head>
<title>jQuery: Replace</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
var imgcounter = 1;

$("#dugme").click(function(e){
if(imgcounter < 3){
imgcounter++;
}else{
imgcounter = 1;
}
$(".img").attr("src", "slike/"+imgcounter+".jpg");
});


//ovo je problematični dio koda
var buttons = $("#pages").find("div");
$("#dugme").click(function() {
var id = $("buttons").attribute("id");
$("pages id").css("display", "none");
$("pages id:eq("+id+")").css("display", "block");

});
});
</script>
</head>
<body>

<img class="img" src="slike/1.jpg" alt="image" />
<div id="pages">
<div id="1" >ja sam opis prve slike</div>
<div id="2" >ja sam opis druge slike</div>
<div id="3" >ja sam opis trece slike</div>
</div>


<button id="dugme">Klikni</button>

</body>
</html>

Hvala unapred na eventualnoj pomoći.
 
Odgovor na temu

357_97

Član broj: 53056
Poruke: 104
*.dynamic.sbb.rs.



+5 Profil

icon Re: jQuery problem- Mijenjanje slike i teksta istovremeno01.10.2012. u 10:42 - pre 107 meseci
Koristi code tag, a problem je u sledecim redovima.
Code (javascript):

var id = $("buttons").attr("id");
$("#pages [id]").css("display", "none"); // hash znak je nedostajao!
$("#pages [id="+imgcounter+"]").css("display", "block");
 


[Ovu poruku je menjao 357_97 dana 01.10.2012. u 23:03 GMT+1]

[Ovu poruku je menjao 357_97 dana 01.10.2012. u 23:06 GMT+1]
 
Odgovor na temu

drmilun9
Dragan Milunović

Član broj: 303475
Poruke: 99
*.teol.net.



+1 Profil

icon Re: jQuery problem- Mijenjanje slike i teksta istovremeno01.10.2012. u 12:46 - pre 107 meseci
Koliko sam shvatio, kod bi trebao da mi izgleda ovako:

<script type="text/javascript">

$(document).ready(function() {


var imgcounter = 1;

$("#dugme").click(function(e){
if(imgcounter < 3){
imgcounter++;
}else{
imgcounter = 1;
}
$(".img").attr("src", "slike/"+imgcounter+".jpg");
});



var buttons = $("#pages").find("div");
$("#dugme").click(function() {
var id = $("buttons").attr("id");
$("pages [id]").css("display", "none");
$("pages [id="+imgcounter+"]").css("display", "block");
});
});

</script>

ali opet neče da mi radi. Jer i pri samom otvaranju stranice prikazuje se tekst unutar divova, hoću reći sva tri teksta unutar divova su prisutna pri samom otvaranju stranice, mislim na ovaj dio koda:

<div id="pages">
<div id="1" >ja sam opis prve slike</div>
<div id="2" >ja sam opis druge slike</div>
<div id="3" >ja sam opis trece slike</div>
</div>

a meni treba da se pri otvaranju stranice vidi samo prvi tekst koji je opis prve slike, i da se zatim klikom na "#dugme" tj. button mijenja tekst u skladu sa promjenom slike. Slika mi se uredno mijenja kad kliknem na "#dugme", ali ispod nje ostaju fiksno opisi sve tri slike, to jest ne mijenjaju se opisi slike unutar divova klikom na "#dugme".

 
Odgovor na temu

[es] :: Javascript i AJAX :: jQuery problem- Mijenjanje slike i teksta istovremeno

[ Pregleda: 1385 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.