Как обновить только миниатюру картинки на странице
Добрый день!
На странице есть слайд-шоу с миниатюрами изображения! Как обновить только миниатюры все картинок при нажатии на кнопку в меню сайта? Жду ответа! Спасибо |
Цитата:
<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"; }); }); }); |
точно, добавил атрибут:
<p><input id="button" type="button" name="button" value="Обновить изображение"></p> использовал последний вариант кода, результат - не обновляется картинка может я не вижу как происходит обновление? может задержку поставить? |
что значит "обновить картинку"? она на сервере изменяется?
задача состоит в том, чтобы написать код, который будет загружать ту же картинку заново ? |
Сайт у меня пока локально, использую Denwer.
Нужно чтобы по нажатию на кнопку или ссылку на одной странице, обновлялась БЕЗ обновления миниатюра картинки, на той же странице! |
Цитата:
|
Действие должно быть следующие: когда я нажимаю на ссылку/кнопку, картинка(в миниатюре), должна обновиться (как бы перезагрузиться), только без обновления страницы:
как пример можете посмотреть скрипт (jquery) $(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(); }); }); , в нем принцип, когда нажимаешь на миниатюру картинки, немного выше открывается в большем размере та же картинка, и все это происходит БЕЗ обновления страницы! надеюсь понятно объяснил |
пож-та, помогите решить проблему!
|
опиши нормально сначала свою проблему... ну например, что ты имеешь в виду под "обновлением картинки". я думаю, что это просто загрузка картинки заново! подробнее! чем больше описания, тем больше шанс тебе помочь!
|
Часовой пояс GMT +3, время: 10:28. |