Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Подсказка при наведении курсора.


dvi3001

Recommended Posts

Помогите сделать подсказку при наведении курсора на картинку.

Поподробней если можно. А то у самого не получается.Гуглю читаю но не получается.

Как вот тут к примеру.

post-22510-0-84969800-1371973107_thumb.png

Надіслати
Поділитися на інших сайтах


Вот как варианты реализации уже с примером кода. Там же на сайте еще больше сможете найти!!!

http://ruseller.com/lessons.php?rub=32&id=282

http://ruseller.com/lessons.php?rub=2&id=1315

http://ruseller.com/lessons.php?rub=2&id=1078

http://ruseller.com/lessons.php?rub=32&id=214

  • +1 2
Надіслати
Поділитися на інших сайтах

Не как не получается.

Вот этот вариант хочу реализовать http://ruseller.com/lessons.php?rub=2&id=1078

Файл tooltip.css закинул в папку стилей

Файл jquery.tools.min.js закинул в папку javascript/jquery

 

Вот на эту картинку нужно добавить подсказку:

<a target="_blank" href="ссылка на строницу"><img style="" src="путь до картинки" alt=""></a>

 

делал как в примере,не получилось.Помогите!

Надіслати
Поділитися на інших сайтах


Файл tooltip.css закинул в папку стилей

Файл jquery.tools.min.js закинул в папку javascript/jquery

А tooltip.css и jquery.tools.min.js подключили в header'е?

Да!

<script src="jquery.tools.min.js"></script>

<link rel="stylesheet" type="text/css" href="tooltip.css"/>

 

Надіслати
Поділитися на інших сайтах


Да!

<script src="jquery.tools.min.js"></script>

<link rel="stylesheet" type="text/css" href="tooltip.css"/>

Не правильно. Если файл лежит в javascript/jquery, подключать надо так:

<script src="catalog/view/javascript/jquery/jquery.tools.min.js"></script>
css-файл по аналогии.
Надіслати
Поділитися на інших сайтах


Да!

<script src="jquery.tools.min.js"></script>

<link rel="stylesheet" type="text/css" href="tooltip.css"/>

Не правильно. Если файл лежит в javascript/jquery, подключать надо так:

<script src="catalog/view/javascript/jquery/jquery.tools.min.js"></script>
css-файл по аналогии.

Спасибо! Пойду исправлю и ещё попробую.

Надіслати
Поділитися на інших сайтах


Поправил:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/rofu3/stylesheet/tooltip.css"/>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery.tools.min.js"></script>

Всё заработало!Спасибо!

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.