2013-08-16 9 views
-3

У меня есть контроль изображения в div. Под этим изображением я показываю кнопку, чтобы изменить изображение. При изменении изображения я заменяю последнее изображение новым изображением в папке с изображениями. Таким образом, для предыдущего изображения и нового пути изображения будет то же самое.Изменение изображения без обновления всей страницы

Итак, как показать новое изображение без обновления этой страницы.

+3

Вы можете использовать JavaScript? Вы что-то пробовали? – putvande

+0

jQuery полностью. Это действительно просто, но нам нужно более подробно. –

ответ

3

Как вы меняете изображение в папке.

при нажатии кнопки вы можете сделать это.

Вы можете заставить браузер перезагрузить изображение, передавая дополнительную переменную как так:

clickfunction() 
{ 
d = new Date(); 
$("#myimg").attr("src", "/myimg.jpg?"+d.getTime()); 
} 
+0

спасибо, я получил свой ответ ... – kuldeep

1

Вы можете сделать вызов AJAX, чтобы изменить путь к изображению, получить с сервера, а затем изменить изображение покажет, не обновляя всю страницу.

Примечание: будет лучше добавить версию к новому URL-адресу изображения, чтобы изображение не было кэшировано.

+0

да Ваша точка права. Скажите, пожалуйста, как добавить версию на картинке url – kuldeep

+0

@kuldeep вы попробовали мой ответ? –

-1

Если вы не заботитесь о времени загрузки своей страницы, вы также можете добавить все другие img в div на той же странице, но не отображать их - заменить на js ... (проще в использовании/более медленная страница/не очень динамичная ... => В общем, какая-то магия ajax лучше подходит)

Смежные вопросы