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.