Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.01.2010, 14:33
Новичок на форуме
Отправить личное сообщение для manuscripti Посмотреть профиль Найти все сообщения от manuscripti
 
Регистрация: 18.01.2010
Сообщений: 4

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

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

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

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

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

как такое сделать?
Ответить с цитированием
  #2 (permalink)  
Старый 18.01.2010, 14:59
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

с помощью js и html.
Ответить с цитированием
  #3 (permalink)  
Старый 18.01.2010, 15:08
Новичок на форуме
Отправить личное сообщение для manuscripti Посмотреть профиль Найти все сообщения от manuscripti
 
Регистрация: 18.01.2010
Сообщений: 4

я понимаю
а какие команды для этого использовать?
js только изучаю
Ответить с цитированием
  #4 (permalink)  
Старый 18.01.2010, 15:23
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

manuscripti,
изучайте последовательно, и будет вас счастье
не рвитесь бежать впереди паровоза
Сообщение от manuscripti
а какие команды для этого использовать?
http://javascript.ru/tutorial/dom
http://javascript.ru/tutorial/events
Ответить с цитированием
  #5 (permalink)  
Старый 18.01.2010, 15:28
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

у вас есть рабочий пример, поставьте себе firebug для firefox и увидите сами как это реализовано там.
Ответить с цитированием
  #6 (permalink)  
Старый 18.01.2010, 15:28
Новичок на форуме
Отправить личное сообщение для manuscripti Посмотреть профиль Найти все сообщения от manuscripti
 
Регистрация: 18.01.2010
Сообщений: 4

спасибо
нужно ли применять jquery? или достаточно стандартных средств js?
Ответить с цитированием
  #7 (permalink)  
Старый 18.01.2010, 15:29
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

jquery реализовано на js, так что достаточно стандартных средств js
Ответить с цитированием
  #8 (permalink)  
Старый 18.01.2010, 15:38
Новичок на форуме
Отправить личное сообщение для manuscripti Посмотреть профиль Найти все сообщения от manuscripti
 
Регистрация: 18.01.2010
Сообщений: 4

Gozar благодарю сейчас буду копать firebug
Ответить с цитированием
  #9 (permalink)  
Старый 10.10.2012, 08:23
Профессор
Отправить личное сообщение для espltd Посмотреть профиль Найти все сообщения от espltd
 
Регистрация: 10.10.2012
Сообщений: 201

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

Последний раз редактировалось espltd, 10.10.2012 в 08:26. Причина: Чтобы форумчане могли наглядно увидеть мою проблему
Ответить с цитированием
  #10 (permalink)  
Старый 10.10.2012, 14:46
Кандидат Javascript-наук
Отправить личное сообщение для Slavenin Посмотреть профиль Найти все сообщения от Slavenin
 
Регистрация: 20.11.2010
Сообщений: 143

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

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


Последний раз редактировалось Slavenin, 10.10.2012 в 14:48.
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать смену картинки при выборе radio RomanS Элементы интерфейса 1 11.12.2009 00:50
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 13:42
Как сделать электронный каталог продукции? natarius Серверные языки и технологии 6 24.05.2009 20:56
Как сделать, чтобы 2 ссылки отображались как hover при наведении мышкой на любую? Ava Элементы интерфейса 5 19.05.2009 23:24
Как сделать смену картинки, типа "до" и "после", без перезагрузки страницы? btstudio Events/DOM/Window 2 23.02.2009 20:43