jQuery图像悬停在多个动态图像之上 [英] jQuery Image Hover on top of multiple dynamic images

问题描述

好的，所以我有一个完整的图像表，只是想总是在悬停在每个图像的右下角显示一个小图标。任何想法我如何做到这一点？现在我有这个，它只是显示悬浮图像在同一点每次...它需要显示在悬浮的图像的顶部。谢谢！

Ok so I have a full table of images and just want to always display a small icon on the bottom right of every image on hover. Any ideas how I do this? Right now I have this, and it is just showing the hover image in the same spot every time...it needs to show on top of the image that is hovered. Thanks!

.enlargeImage {
background:url(images/xxx) no-repeat;
position:absolute;
width:16px;
height:14px;
z-index:200;
display:none;
}

$('.table_imageThumbs a').mouseover(function(){
            $(this).show('.enlargeImage');
        });


<div class="enlargeImage"></div>

<table width="408" class="table_imageThumbs">
                  <tr>
                    <td width="102" class="td_thumb"><a><image width="75" height="97" class="img_vertThumb"></a></td>
                    <td width="102"><a><image width="75" height="97" class="img_vertThumb"></a></td>
                    <td width="102"><a><image width="75" height="97" class="img_vertThumb"></a></td>
                    <td width="102"><a><image width="75" height="97" class="img_vertThumb"></a></td>
                  </tr>
</table>

推荐答案

好吧，我需要使用每个循环qtip得到我想要的...感谢帮助：

Ok guys, I needed to use an each loop and qtip to get what I wanted...thanks for help:

$('.table_imageThumbs img').each(function(){
          $(this).qtip({

这篇关于jQuery图像悬停在多个动态图像之上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！