Абсолютный div, мешающий основному div тегу - PullRequest
Новая
       6

Абсолютный div, мешающий основному div тегу

0 голосов
/ 03 декабря 2011

У меня есть эта функция для каждого изображения в галерее, она отлично работает до тех пор, пока я не наведу курсор на класс .work-type, который представляет собой абсолютный div, нависающий над изображениями (подпись).Перезапускает thumbnail function.Как я могу это исправить? 

<div class="thumb" id="lifelovelies-thumb" ><a class="ajax" href="gallery/lifelovelies.html">
<div class="work-type"><p class="work-type">PHOTOMANIPULATION</p></div>
<img src="images/thumbs/lifelovelies-bwthumb.jpg" alt=""/>
<img src="images/thumbs/lifelovelies-thumb.jpg" alt="" class="color"/>
 </a></div>

function thumbnail(param1){
        $('#'+param1+'-thumb a').mouseover(function(){
            $('#'+param1+'-thumb .color').hide().stop().fadeTo(500,'1');})  
        $('#'+param1+'-thumb a').mouseout(function(){
            $('#'+param1+'-thumb .color').stop().fadeTo(500,'0');})                 
    };

1 Ответ

0 голосов
/ 03 декабря 2011

В прошлом я использовал hoverintent для решения таких проблем:

http://cherne.net/brian/resources/jquery.hoverIntent.html

Если вы пытаетесь отобразить всплывающую подсказку над изображением, возможно, вы захотите посмотреть на этот выбор:

http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

Я использовал динамическую подсказку.

...