OnClick image replacing itself with another
just getting started with JQ so i hope you can help me out with it
Idea is that the element is a rotation of four images changing on click.
basic HTML behind it is
and JQ behind is currently like that
basic problem is that the function behind the click isn't even executed (doesnt alert). The other thing is if it will actually work when launched
so thanks in advance for your help
Idea is that the element is a rotation of four images changing on click.
basic HTML behind it is
-
<li><a href="#" class="puzel"><img src="images/puzel1.jpg" /></a></li>\n
and JQ behind is currently like that
-
$(".puzel").click(function(){
alert('executed');
source = $(this > img).attr("src");
switch(source)
{
case "images/puzel1.jpg":
source = "images/puzel2.jpg";
break;
case "images/puzel2.jpg":
source = "images/puzel3.jpg";
break;
case "images/puzel3.jpg":
source = "images/puzel4.jpg";
break;
case "images/puzel4.jpg":
source = "images/puzel1.jpg";
break;
}
$("#Monitor").text(source);
$(this > img).attr("src") = source;
});
basic problem is that the function behind the click isn't even executed (doesnt alert). The other thing is if it will actually work when launched
so thanks in advance for your help