Поиск в форуме:
Искать


Автор Сообщение
Сообщение26.05.2009 в 15:36 (UTC)    
Заголовок сообщения: Картинка по ссылке.

Хотелось бы сделать что бы по ссылке в новом окошке открывалась картинка.Помогите разобраться. У меня сайт о питомнике собак. Хотелось бы чтобы в родословной при нажатии на кличку любой собаки открывалось новое окошко с изображением. Возможно ли это здесь?
Заранее спасибо!
Сообщение26.05.2009 в 16:15 (UTC)    
Заголовок сообщения:

Всё возможно.

Код:
<a href="ссылка на изображение" target="_blank">Кличка собаки</a>


вместо клички фотка
Код:
<img src="адрес фотки">


А чуть покрасивей будет так:

css:
Код:
p {
font-size: 24px;
}

.popup {
position: relative;
z-index: 1;
}

.popup:hover {
background-color: transparent;
z-index: 2;
}

.popup span {
position: absolute;
visibility: hidden;
}

.popup span img {
border-width: 0;
padding: 2px;
}

.popup:hover span {
visibility: visible;
top: 0;
left: 80px;
}

html:
Код:
<a class="popup" href="ссылка">текст ссылки<span><img src="адрес изображения" alt="имя изображения" /></span></a>


Пример(наводишь мышь на фотку) Arrow здесь

С ссылками тоже самое, только в Opera как-то не корректно отображается(фото вверх тянется и появляется скролл).
В остальных браузерах всё ок!
Удачи![/quote]
______________
Вам ещё не надоел тошнотворный вид дизайнов конструктора ru.gg? Если да, то обращайтесь и ваш сайт будет выглядеть профессионально.
Примеры:
Arrow http://lixa.ru.gg Arrow http://thecityangels.ru.gg/ Arrow http://vethelp.ru.gg/ Arrow http://schors.ru.gg Arrow http://soccer-on.ru.gg/ Arrow http://kremlevka-ppm.ru.gg/ Arrow http://vooip.ru.gg/





Последний раз редактировалось: schors (26.05.2009, 17:28), всего редактировалось 2 раз(а)
Сообщение26.05.2009 в 16:23 (UTC)    
Заголовок сообщения:

Мне нужно вот так, там каждая подчёркнутая кличка-это ссылка на фото http://www.franbulldog.kiev.ua/default.htm


Последний раз редактировалось: krym-ig (26.05.2009, 17:25), всего редактировалось 1 раз
Сообщение26.05.2009 в 16:31 (UTC)    
Заголовок сообщения:

это можно сделать создав описание породы вручную и создав на нее ссылку

http://first-helper.ru.gg/Creating-link.htm-тут описание как.

Ps: есть расширение "галлерея" , его можно настроить так, чтобы фото показывались в белом поле поверх слегка (мягко) затемненного сайта. можно использовать такой-же код как там.
______________


Последний раз редактировалось: virtualcreature (26.05.2009, 17:46), всего редактировалось 1 раз
Сообщение26.05.2009 в 17:03 (UTC)    
Заголовок сообщения:

virtualcreature
возьми код всплывающей картинки при наведении на ссылку , к себе в учебную часть http://first-helper.ru.gg
______________
Вам ещё не надоел тошнотворный вид дизайнов конструктора ru.gg? Если да, то обращайтесь и ваш сайт будет выглядеть профессионально.
Примеры:
Arrow http://lixa.ru.gg Arrow http://thecityangels.ru.gg/ Arrow http://vethelp.ru.gg/ Arrow http://schors.ru.gg Arrow http://soccer-on.ru.gg/ Arrow http://kremlevka-ppm.ru.gg/ Arrow http://vooip.ru.gg/



Показать сообщения:   


Powered by phpBB © 2001, 2005 phpBB Group
phpBB