Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Всплывающий текст

Предыдущая тема Следующая тема Перейти вниз

Question Всплывающий текст

Сообщение автор Гипериод в Пн 22 Авг - 10:29

Прошу подсказать можно ли сделать так чтобы при наведении на картинку выскакивал текст?

Гипериод
Новичок

Сообщения : 3
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-08-22

http://aone-jd.2x2forum.com/

Вернуться к началу Перейти вниз

Question Re: Всплывающий текст

Сообщение автор Мизраил в Пн 22 Авг - 11:19

в хтмл: <img src="адрес" title="подсказка" />
В темах будет работать только тогда, когда включен хтмл.
Просто так хтмл работает в виджетах и хтмл-страничках, а также в шаблонах.

Мизраил
 
 

Пол : Мужчина
Сообщения : 262
Возраст : 20
Карма : 2 предупреждения
Благодарности : 106
Регистрация : 2011-03-08

618061180

Вернуться к началу Перейти вниз

Question Re: Всплывающий текст

Сообщение автор Смех в Пн 22 Авг - 14:14

Мизраил, а можно наоборот? То есть наводишь на текст, появляется картинка?

Смех
 
 

Пол : Мужчина
Сообщения : 767
Карма : Без предупреждений
Благодарности : 161
Регистрация : 2010-11-05

http://cmex.forum2x2.net/

Вернуться к началу Перейти вниз

Question Re: Всплывающий текст

Сообщение автор Gamatos в Пн 22 Авг - 16:41

@Смех пишет:А можно наоборот? То есть наводишь на текст, появляется картинка?

Код:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var kartinka1 = new Image();
var kartinka2 = new Image();
var kartinka3 = new Image();
 
kartinka1.src = "1.jpg";
kartinka2.src = "2.jpg";
kartinka3.src = "3.jpg";
 
function dayFotku(picimage) {
document.images['picture'].src = eval(picimage + ".src");
}
//  End -->
</script>
<body> 
<a href="#" onmouseover="dayFotku('kartinka1')">ТВОЯ ССЫЛКА</a>
<a href="#" onmouseover="dayFotku('kartinka2')">ТВОЯ ССЫЛКА2</a>
<a href="#" onmouseover="dayFotku('kartinka3')">ТВОЯ ССЫЛКА3</a>
<br>
 
<img src="0.jpg" name="picture">
</body>

Gamatos
Активист

Пол : Мужчина
Сообщения : 1294
Возраст : 24
Место обитания : Греция/Афины
Карма : Без предупреждений
Благодарности : 188
Регистрация : 2009-11-06

http://www.forum2x2.ru/forum

Вернуться к началу Перейти вниз

Question Re: Всплывающий текст

Сообщение автор Мизраил в Вт 23 Авг - 7:31

Мизраил, а можно наоборот?
Я через цсс всё делаю, без яво-скрипта, поэтому всегда работать будет smile
вот это с текстом получается:
Спойлер:
Код:

.imagedlink:hover:after {
    display: compact;
    background: url(http://www.centrodehablayvoz.com/imagenes/estrella.png);
    content: "Свежак!!!";
    padding: 10px;
    background-size: 100% 100%;
    position: absolute;
    z-index: 10;
    margin-top: -10px;
    margin-left: 5px;
    color:#000;

}

Это куда-нить smile :
Код:
<a class="imagedlink" href="http://yandex.ru">Яндекс</a>

Здесь если изменить параметр padding, то будет изменяться размер самой картинки.
А вот это без текста, но картинки вмещаются только маленькие:
Спойлер:
Код:
.imagedlink:hover {
    background: url("http://i.pixs.ru/storage/3/7/1/smalldispl_1119155_2349371.png") no-repeat scroll right center transparent;
    padding-right: 15px;


}

Хтмл такой же

Мизраил
 
 

Пол : Мужчина
Сообщения : 262
Возраст : 20
Карма : 2 предупреждения
Благодарности : 106
Регистрация : 2011-03-08

618061180

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения