Как сделать чтобы изображение не по клику менялось а по времени, к примеру каждые 5 сек? Код (Javascript): $("img").bind("click", function() { var src = ($(this).attr("src") === "img1_on.jpg") ? "img2_on.jpg" : "img1_on.jpg"; $(this).attr("src", src); });
Делайте выборку лучше по классу, если вам нужно применить скрипт только для определенных изображений. И чтобы не прописывать адреса в js, можно сделать более универсальный вариант. HTML: <img src="img1_on.jpg" alt="" class="slider" data-src1="img1_on.jpg" data-src2="img2_on.jpg"> Код (Javascript): setInterval(function(){ var img = $('.slider'); if(img.length > 0){ img.each(function(){ var src1 = $(this).attr("data-src1"); var src2 = $(this).attr("data-src2"); var src = ($(this).attr("src") === src1) ? src2 : src1; $(this).attr("src", src); }); } }, 5000);