Наведите курсор мыши на HTML для фотографий Lightbox2 и Milkbox

Question

Наведите курсор мыши на HTML для фотографий Lightbox2 и Milkbox

0

Я использую Lightbox2 для слайд-шоу фотографий из миниатюр, содержащихся в таблице. Моя страница делает именно то, что я хочу для слайд-шоу и субтитров. Однако, когда на начальной странице, прежде чем нажимать на миниатюру, чтобы начать слайд-шоу, если я нарисую миниатюру в таблице, откроется небольшое окно (например, всплывающая подсказка), показывающее код HTML для таблицы, параметры Лайтбоксов, фотографии и т.д. Как я могу подавить этот дисплей?

Кстати, этого не происходит в Milkbox с похожим кодом.

И, наконец, такого поведения не происходит, если я удалю код Lightbox, чтобы щелчок по миниатюре отображал полноразмерный образ этого миниатюры.

Вот пример кода, который я изменил, поскольку страница существует в нашей интрасети:

<table><tr>
<td id="mb1" align="center"><a id="mb1a" href="Photo1.jpg" data-lightbox="ga1" 
title="<table style='width:100%'><tr><td  style='width: 50%; border: 1px solid  #FFFFFF'<center>IGN Map</center></td><td style='width: 20'></td><td style='width:     50%; border: 1px solid #FFFFFF'><center>Carte IGN</center></span></td></tr>
<tr><td style='width: 50%; border: 1px solid #FFFFFF'>Right Click and choose 'Save Picture as...' to download this photo</td><td style='width: 20'></td>
<td style='width: 50%; border: 1px solid #FFFFFF'>Cliquer droit et choisir 'enregistrer l'image sous...' pour telecharger cette photo</td></tr></table>">
<img border="0" src="/thumbnail/Photo1.jpg" height="135" width="227" align="middle"/></a><br/>Map</td>

<td id="mb1" align="center"><a id="mb1a" href="Photo2.jpg" data-lightbox="ga1" 
title="<table style='width:100%'><tr><td  style='width: 50%; border: 1px solid #FFFFFF'><center>Google Earth</center></td><td style='width: 20'></td>
<td style='width: 50%; border: 1px solid #FFFFFF'><center>Google Earth</center></td></tr>
<tr><td style='width: 50%; border: 1px solid #FFFFFF'>Right Click and choose 'Save Picture as...' to download this photo</td><td style='width: 20'></td>
<td style='width: 50%; border: 1px solid #FFFFFF'>Cliquer droit et choisir 'enregistrer l'image sous...' pour telecharger cette photo</td></tr></table>">
<img border="0" src="/thumbnail/Photo2.jpg" height="96" width="227" align="middle"/></a><br/>Map2</td>

<td id="mb1" align="center"><a id="mb1a" href="Photo3.jpg" data-lightbox="ga1" 
title="<table style='width:100%'><tr><td  style='width: 50%; border: 1px solid #FFFFFF'><center>Profile</center></td><td style='width: 20'></td>
<td style='width: 50%; border: 1px solid #FFFFFF'><center>Profil</center></td></tr>
<tr><td style='width: 50%; border: 1px solid #FFFFFF'>Right Click and choose 'Save Picture as...' to download this photo</td><td style='width: 20'></td>
<td style='width: 50%; border: 1px solid #FFFFFF'>Cliquer droit et choisir 'enregistrer l'image sous...' pour telecharger cette photo</td></tr></table>">
<img border="0" src="/thumbnail/Photo3.jpg" height="164" width="227" align="middle"/></a><br/>Profile</td>
</tr></table>

Файлы javascript и CCS загружаются из Интернета

RDK 07 нояб. 2013, в 19:24

Источник

0

хорошо, если вы разместите свой код, мы можем помочь. пожалуйста, отредактируйте свой вопрос и добавьте код
Ashkan Mobayen Khiabani 07 нояб. 2013, в 18:28
0

Покажите нам код до его загрузки. Так в вашем простом текстовом редакторе.
nkmol 08 нояб. 2013, в 17:37

Теги:

javascript

jquery

html

lightbox2

1 ответ

Ещё вопросы

хорошо, если вы разместите свой код, мы можем помочь. пожалуйста, отредактируйте свой вопрос и добавьте код
Покажите нам код до его загрузки. Так в вашем простом текстовом редакторе.

user2898304 · Answer 1 · 2013-11-09T16-24-00.000Z

Задача решена. Мои проблемы были очень похожи на проблему в этой ссылке, скрывают атрибут title из ссылки при наведении мыши на javascript/jquery

Небольшая модификация этого ответа устранила мою проблему

<script src="jquery.js"></script>
<script>
$(function(){

$('a').hover(function(e){

    $(this).attr('data-title', $(this).attr('title'));
    $(this).removeAttr('title');

},

function(e){

    $(this).attr('title', $(this).attr('data-title'));

});
$('a').click(function(e){
    $(this).attr('title',$(this).attr('data-title'));});

});