Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   как сделать эффект с увеличение картинки (https://javascript.ru/forum/dom-window/7160-kak-sdelat-ehffekt-s-uvelichenie-kartinki.html)

manuscripti 18.01.2010 14:33

как сделать эффект с увеличение картинки
 
есть вот такой эффект

http://www.boutique.ru/peter-som/ec2...-00304833051e/

при нажатии на картину она увеличивается в этой же странице и справа появляются 3 картинки которые были внизу

также если нажать на любую из 3 маленьких картинок то она увеличится в большое окно

а при подводе на любую из 3 маленьких картинок на 1й странице она сразу грузится в основное окно

как такое сделать?

Gozar 18.01.2010 14:59

с помощью js и html.

manuscripti 18.01.2010 15:08

я понимаю
а какие команды для этого использовать?
js только изучаю

Gvozd 18.01.2010 15:23

manuscripti,
изучайте последовательно, и будет вас счастье
не рвитесь бежать впереди паровоза
Цитата:

Сообщение от manuscripti
а какие команды для этого использовать?

http://javascript.ru/tutorial/dom
http://javascript.ru/tutorial/events

Gozar 18.01.2010 15:28

у вас есть рабочий пример, поставьте себе firebug для firefox и увидите сами как это реализовано там.

manuscripti 18.01.2010 15:28

спасибо
нужно ли применять jquery? или достаточно стандартных средств js?

Gozar 18.01.2010 15:29

jquery реализовано на js, так что достаточно стандартных средств js :)

manuscripti 18.01.2010 15:38

Gozar благодарю сейчас буду копать firebug

espltd 10.10.2012 08:23

Ребята! Всем добрый день! Помогите пожалуйста. Я в состоянии отчаяния уже. Дело в том, что я не достаточно знаю яваскрипт и поэтому не могу выполнить не которые задачи. Вчера пришел злой начальник и сказал увеличить картинки на сайте при нажатии на них. Много инфы по этому поводу почитал, и везде написано, что нужно 2 изображения - маленькое и большое. У нас интернет магазин и каталог товаров огромный. Я же не могу сейчас копии 100 тыс. товаров делать. Есть ли какой то другой выход. Допустим у каждого товара есть одна картинка среднего размера и при нажатии яваскрипт увеличивает её. Именно подобный способ, т.к. мне просто физически не сделать такой объем работы с 2-мя картинками. Я капец как запутался уже. Спасибо, заранее. Очень надеюсь на вас.:help: :help: :help: Вот кстати на этом интернет магазине мне необходимо реализовать данную задачу. http://el59.ru

Slavenin 10.10.2012 14:46

не понимаю в чем проблема... Используйте colorbox(например) две картинки не обязательно, как известно картинка приобретает размер, который ей будет прописан в css или style или напряму в теге img , что мешает на сайте выводить рядом с товаром изображение маленького размера, а в колорбокс грузить уже оригинал?

ну или в крайнем случае с помощью Php ресайзте картинки товаров, сохраняйте миниатюры в отдельном каталоге(с проверкой, есть там такой файл или нет), оригиналы в другом, таким образом все картинки сами себя сделают нужных размеров


Часовой пояс GMT +3, время: 14:16.