Смена картинок при наведении

[mutabor]

Вопрос теоретический. Допустим я сделал смену картинок путем указания другого файла как источника. Но может быть же так, что именно в этом момент сервер будет загружен и произойдет задержка. Пользователь наведет курсор, а картинка будет тупить и не поменяется, а поменяется с задержкой. По аналогии с программированием для десктопа, я знаю что картинки нужно закидывать все сразу в память и потом оттуда отображать, а не из файлов, т.е. кэширование по сути. Так вот вопрос, есть ли такая техника для смены картинок на странице, или всегда происходит загрузка? Или браузер сам кэширует, и задержка может быть только при первом наведении?

[Никки]

А почему бы и нет!

Динамически создайте сколько угодно img элементов и в style напишите display:none; Так они будут скрыты от пользователя. Картинки будут загружены и закешированы. После этого браузер уже не будет грузить их с сервера.

[mutabor]

Ага, теперь понятно. А при наведении менять стиль им?

[Никки]

Нет. Эти скрытые так и будут скрытыми. При наведении вы меняете src той картинки на которую навели мышь на url той картинки, которую нужно показать.

А так как она у вас уже загружена в скрытом <img>, то снова грузиться не будет, а будет взята из кеша.

Создайте массив из адресов всех изображений, которые нужно показывать динамически, обрабатывайте массив в цикле создавая для каждого адреса свой img и устанавливая свойства style.display в значение none.

Кстати, а вот и статья по этой теме: http://www.helloworld.ru/texts/comp/...art8/part8.htm "Упреждающая загрузка изображения "

Всё оказывается намного проще...

[Alex Cones]

Ну есть еще вариант, если картинки не будут другими и всегда будут грузиться вместе - спаять их одной имагой и выводить кусками с помощью стилей.

<a href="/gallery.html" class="button3"></a>

a.button3 {
 display: block;
 background-image: url("/resource/buttons/b3.gif");
 background-position: 0px 0px;
 height: 50px;
 width: 178px;
}

a.button3:hover {
   background-position: 0px -50px;
}

[mutabor]

Спасибо, принцип я понял.

Alex Cones, тоже интересный способ, и без скриптов.

[Maeli]

а я с вопросом от чайника :-). практически.
сделан сайт. не мной. те кто сделали - очень долго реагируют, тянут резину и результат не всегда ожидаемый.
суть вопроса: у меня есть картинка на странице товара, она увеличивается, как только на нее кликнешь. таких картинок несколько. как сделать так, чтобы не нужно было открывать-закрывать, а можно было оставшись на увеличенном изображении перелистывать?
сайт сделан под magento

спасибо

[mutabor]

те кто сделали - очень долго реагируют, тянут резину и результат не всегда ожидаемый

Меняйте разработчиков. Или вы им не платите за доработки? Тогда понятно почему так происходит

[Maeli]

не слишком возможно это, у них наших 7 сайтов, а коней на переправе ... про оплату ... дело в европе происходит, не платить им даже идеи не было ... волокитятся просто ... слишком долго, у них задачи по очередности ... и вот эта не первоочередная ...и сделав, часто оказывается, что они считали вот так лучше...

[mutabor]

Сообщение от Maeli

не слишком возможно это, у них наших 7 сайтов, а коней на переправе ... про оплату ... дело в европе происходит, не платить им даже идеи не было ... волокитятся просто ... слишком долго, у них задачи по очередности ... и вот эта не первоочередная ...и сделав, часто оказывается, что они считали вот так лучше...

То что вы описали, что тут сказать. Нахрен таких работников, особенно таких - "...и сделав, часто оказывается, что они считали вот так лучше...".

А про коней, ничего страшного, немного времени потребуется вникнуть в код, все равно эти ваши время тянут, может еще и быстрее получится в итоге.