-
Добро пожаловать на компьютерный форум Tehnari.ru. Здесь разбираемся с проблемами ПК и ноутбуков: Windows, драйверы, «железо», сборка и апгрейд, софт и безопасность. Форум работает много лет, сейчас он переехал на новый движок, но старые темы и аккаунты мы постарались сохранить максимально аккуратно.
Форум не связан с магазинами и сервисами – мы ничего не продаём и не даём «рекламу под видом совета». Отвечают обычные участники и модераторы, которые следят за порядком и качеством подсказок.
Если вы у нас впервые, загляните на страницу о форуме и правила – там коротко описано, как задать вопрос так, чтобы быстро получить ответ. Чтобы создавать темы и писать сообщения, сначала зарегистрируйтесь, а затем войдите под своим логином.
Не знаете, с чего начать? Создайте тему с описанием проблемы – подскажем и при необходимости перенесём её в подходящий раздел.Задать вопрос Новые сообщения Как правильно спроситьЕсли пришли по старой ссылке со старого Tehnari.ru – вы на нужном месте, просто продолжайте обсуждение.
Антивирус
- Автор темы Bkmz
- Дата начала
Увеличение фото при нажатии
Итак, на сайте есть фото. Нужно сдлать так, чтобы при нажатии оно увеличилось до исходного размера. (превью - тоже, но уменьшенное изображение). Например, как здесь
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>
заранее спасибо
Итак, на сайте есть фото. Нужно сдлать так, чтобы при нажатии оно увеличилось до исходного размера. (превью - тоже, но уменьшенное изображение). Например, как здесь
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>
заранее спасибо
это делается с помощью библеотеки lightbox скачать можно здесь
Используем так
между тегами <head></head> добавляем
В lightbox.js и css правим пути для сужебных избражении prev.gif next.gif loading.gif close.gif
Прикручиваем к любому изображению так
если хочешь группой изображеии то в теге rel нужно указать имя группы так: rel='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>