Вернуться   Компьютерный форум > Интернет > Веб-строительство
 
 
Опции темы
Старый 17.10.2009, 18:17   #1 (ссылка)
Знаток
 
Аватар для iRomul
 
Регистрация: 26.06.2008
Сообщений: 2,631
Записей в блоге: 1
Репутация: 152
По умолчанию Увеличение фото при нажатии

Итак, на сайте есть фото. Нужно сдлать так, чтобы при нажатии оно увеличилось до исходного размера. (превью - тоже, но уменьшенное изображение). Например, как здесь
http://promstroygroup.ru/colors.php?id=durafort
И ещё - я сделал кнопку, при наведении на которую её картинка меняется, но при загрузке сайта ни 1, ни 2 картинка не грузится (появляется прямоугольник с надписью "изображение"). Загружается только при наведении курсора на эту кнопку. Что делать? Вот код
<a href="index.html" onMouseOver="document.pic1.src='Main.gif'"
onMouseOut="document.pic1.src='Mainp.gif'">
<img scr="b.gif" BORDER=0 NAME="pic1">
</a>

заранее спасибо
iRomul вне форума  
Старый 20.10.2009, 23:51   #2 (ссылка)
Новичок
 
Аватар для MeLord
 
Регистрация: 27.12.2008
Сообщений: 212
Репутация: 0
По умолчанию

это делается с помощью библеотеки lightbox скачать можно здесь
Используем так
между тегами <head></head> добавляем
Код:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
В lightbox.js и css правим пути для сужебных избражении prev.gif next.gif loading.gif close.gif

Прикручиваем к любому изображению так

Код:
<a href=”ССЫЛКА НА САМО ИЗОБР.” rel=”lightbox” title=”my caption”><img src=” ПУТЬ ДО ПРЕВЬЮ”></a>
если хочешь группой изображеии то в теге rel нужно указать имя группы так: rel='lightbox[название группы]'
MeLord вне форума  
Старый 21.10.2009, 13:34   #3 (ссылка)
Стажёр
 
Аватар для Gosha
 
Регистрация: 11.11.2007
Сообщений: 3,280
Записей в блоге: 12
Репутация: 114
По умолчанию

Цитата:
Сообщение от I_need_in_help Посмотреть сообщение
Итак, на сайте есть фото. Нужно сдлать так, чтобы при нажатии оно увеличилось до исходного размера. (превью - тоже, но уменьшенное изображение). Например, как здесь http://promstroygroup.ru/colors.php?id=durafort
Именно на этом сайте использован highslide
Gosha вне форума  
Ads
 


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Увеличение производительности Wildman Разгон и моддинг 8 06.12.2010 15:36
Записал фото на диск DVD+RW, когда хотел их посмотреть, фото не открывается! DJOK001 Железо 15 15.11.2010 00:22
Увеличение скорости AGP alepol Неисправности, настройка 4 13.11.2010 23:18
Увеличение призывного возраста notegarry Общение по интересам 8 27.10.2010 14:41
Увеличение частоты памяти IamD Разгон и моддинг 1 27.10.2010 14:00
Раскрутка. Увеличение посещаемости. forest270 Оптимизация 9 08.08.2010 12:06
Самопроизвольные звуки при нажатии мыши IDen Безопасность 6 21.06.2010 19:21
Увеличение производительности сети go280286sai Интернет и сети 0 16.04.2010 11:09
Увеличение скорости на Torrent misha Интернет и сети 15 30.01.2010 20:58
Увеличение скорости в играх Вован Игры 2 17.11.2009 20:05
Увеличение посещаемости 1 коп за посетителя Meteor Реклама, объявления 1 17.05.2008 16:58
Увеличение посещаемости с farone.by.ru r47volkodav Оптимизация 3 12.01.2008 18:48


Текущее время: 13:17. Часовой пояс GMT +4. Powered by vBulletin® Version 5.8.9
Copyright ©2000 - 2016, Jelsoft Enterprises Ltd.