Как обновить только миниатюру картинки на странице
Добрый день!
На странице есть слайд-шоу с миниатюрами изображения! Как обновить только миниатюры все картинок при нажатии на кнопку в меню сайта? Жду ответа! Спасибо |
Цитата:
<obj>.src='<url>'; |
будьте добры по подробнее
у меня есть: <div id="small"> <a href="images/gal/1.jpg"><img src="images/gal/1_mini.png" alt="Миниатюра 1" width="174" height="149" </div> и скрипт (document).ready(function() { $('#small a').click(function(eventObject) { $('#big img').hide().attr('src',$(this).attr('href')); $('#big img').load(function() { $(this).fadeIn(2000); }); eventObject.preventDefault(); }); }); нужно чтобы нажимаю на кнопку обновились все миниатюрные картинки на сайте без перезагрузки самой страницы |
Цитата:
|
"нужно" не за деньги, просто пытался подробнее объяснить, опыта маловато, пока!
|
Цитата:
|
и за это спасибо!
|
если пути к картинкам не имеют доп. параметров (GET)
$(кнопка).click(function(){ $("#small img").each(function(img){ img.src = img.src+"?1"; }); }); |
Уважаемый melky, честно признаюсь знаний пока в JavaScript очень, как вы написали не получается ничего, помогите пож-та!
У меня есть миниатюра: <div id="small"> <a href="images/gal/1.jpg"><img src="images/gal/1_mini.png" alt="Миниатюра 1" width="174" height="149"/></a> </div> есть кнопка обновить: <p><input type="button" name="button" value="Обновить изображение"></p> получается для обновления картинки следовало прописать так: $('#button').click(function(){ $("#small img").each(function(img){ img.src = img.src+"?1"; }); }); картинка не обновляется блин! опыта очень мало в JavaScript |
вы не задали кнопке атрибут id, равный "button".
PS. код лучше использовать такой. $(function(){ $("#button").click(function(){ $("#small img").each(function(img){ img.src = img.src+"?1"; }); }); }); |
Часовой пояс GMT +3, время: 13:05. |