[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Строка мини картинок: по нажатию увеличивать.
KirA3342
Здравствуйте. Интересует вопрос, который я очень хочу реализовать на КСС, ибо на джаве не умею писать. Вопрос таков. Представьте картинку примерно 400 на 50px и под ней много маленьких картинок в ряд, примерно по 30 на 10px каждая.
Надо чтоб при нажатии на какую нибудь из маленьких картиночек, она увеличивалась выше, т.е. над мелкими картинками, там где место: 400px на 50px. Как реализовать данное? Не знаю поддержит ли это рнр и ксс, но очень надеюсь. Заранее всем спасибо.



Спустя 1 час, 41 минута, 50 секунд (13.06.2009 - 16:09) twin написал(а):
нет, не поддерживает. можно менять саму картинку, и то не при нажатии, а при наведении. а что бы добраться до другой, нужно все равно js. а чем он так пугает?

Спустя 2 часа, 51 минута, 48 секунд (13.06.2009 - 19:01) KirA3342 написал(а):
Дак js учить надо )

Спустя 1 час, 14 минут, 13 секунд (13.06.2009 - 20:15) twin написал(а):
Я почему спросил... Многих пугает то, что скрипты могут быть отключены. Хотя я лично этого не понимаю. Зачем ориентироваться на параноиков...
А на js это делается очень просто:
HTML
<img id="show" src="1.jpg" />
<img src="2.gif" onclick="document.getElementById('show').src=this.src" />

Спустя 17 минут, 12 секунд (13.06.2009 - 20:33) FatCat написал(а):
twin
Это перезапишет саму картинку.
Для смены картинки в леере по клику на одной из превьюшек надо манипулировать объектами в леере: или перезаписывать методом innerHTML, но боюсь, не во всех браузерах будет работать без предзагрузки, либо, что надежней, все картинки загрузить в леер и всем им сделать display:none. По клику на превьюшки циклом оббежать и display:none на все картинки (чтобы прошлая открытая скрылась) и затем display:block для нужной.

Спустя 15 минут, 9 секунд (13.06.2009 - 20:48) KirA3342 написал(а):
1) Что такое леер?
2) Если присвоить превьюшкам display:none то как она будет отображаться в виде превьюшки?

Спустя 12 минут, 28 секунд (13.06.2009 - 21:00) KirA3342 написал(а):
Цитата (twin @ 13.06.2009 - 17:15)
Я почему спросил... Многих пугает то, что скрипты могут быть отключены. Хотя я лично этого не понимаю. Зачем ориентироваться на параноиков...
А на js это делается очень просто:
HTML
<img id="show" src="1.jpg" />
<img src="2.gif" onclick="document.getElementById('show').src=this.src" />

Если в данном варианте только картинка перезагружается, то можно поподробней?

Спустя 7 минут, 28 секунд (13.06.2009 - 21:08) twin написал(а):
Цитата
Это перезапишет саму картинку.

А какая разница? Ну и пусть перезапишет. Результат то на лицо... На сколько я понял вопрос именно это и надо.
Цитата
1) Что такое леер?

Это слой.
Цитата
Если в данном варианте только картинка перезагружается, то можно поподробней?

Так куда подробнее... Запусти и сам все увидишь... 1.jpg это то, куда грузится, а 2.jpg это то, что грузится. Их может целая куча быть.

Спустя 10 минут, 56 секунд (13.06.2009 - 21:19) KirA3342 написал(а):
Все заработало! Выручили. Успехов а онлайн вам, ребята!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.