![]() |
|
Модераторы: Sardar, Aliance |
![]()
|
|
| Luxer |
|
|||
![]() Новичок Профиль Группа: Участник Сообщений: 24 Регистрация: 27.3.2007 Где: Москва Репутация: нет Всего: нет |
Хочу создать вот что: есть маленькая картинка, если нажать на нее мышкой- она станет большой(те подгрузится на нее место другая картинка с более лучшим разрешением) Те это как в интернет-магазине для просмотра укрупненной версии фото. Если нажать на картинку еще раз- она вернет свои преждние размеры.
Проблема в том, что на странице могут быть 20 таких маленьках фоток, каждая из которых имеет свое имя. Как можно сделать универсальную ф-цию, чтобы она считывала имена картинок и сама догружала нужную увеличенную копию? Я делал вот так- просто брад фото, и менчл его размер(такой вариант плох тем что если много фоток на странице,то они загрузятся все сразу, что сильно отражается на трафике. <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript"> <!-- // function bigger() {var d=document var w=d.mypict.width if(w<500) { d.mypict.width=w+500; d.mypict.src="077.jpg" settimeout("bigger()",500) } else{ d.mypict.width=w-500; d.mypict.src="077.jpg" settimeout("bigger()",500) }} //--> </script> </head> <body text="#00ff00" > <img src="077.jpg" width="100" border="2" name="mypict" onClick="bigger()"> </body> </html> |
|||
|
||||
| stup |
|
|||
|
Шустрый ![]() Профиль Группа: Участник Сообщений: 56 Регистрация: 17.4.2007 Репутация: нет Всего: 1 |
Я вижу здесь только одну картинку. Вам нужно менять картину, или увеличивать/уменьшать ее?
|
|||
|
||||
| SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 49 Всего: 401 |
Luxer, часто использумый вариант - использовать для большой картинки и превьюшки похожие имена файлов (например, для превьюшки добавлять в конец имени подчеркивание или вообще хранить их под одинаковыми именами, но в разных папках). А по клику на маленькую картинку просто брать ее src, делать в нем нужную замену и присваивать src большой картинки.
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
![]()
|
| Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию. |
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | JavaScript: Общие вопросы | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |