Jquery悬停画廊图像效果

Question

我是jquery的新手。我在一个网站上找到了一个我想模仿的灯箱画廊。我知道如何在这里使用标准的灯箱代码http://leandrovieira.com/projects/jquery/lightbox/

但我希望我的缩略图有一个悬停效果，在一个新的颜色边框出现与文本在图像上，就像下面的网站。

此处显示的是http://wozcreative.com/

这是一个带有插件的wordpress站点。

我如何用jquery做同样的事情呢？

Answer 1

看起来您的答案就在相关页面的代码中

<!-- Portfolio Effect Script -->
    <script type="text/javascript">
        jQuery(function(){
            jQuery('#portfolio li', this ).mouseenter(function() {
                jQuery('.description', this).slideDown('fast');
         });
         jQuery('#portfolio li', this ).mouseleave(function() {
                 jQuery('.description', this).slideUp('fast');
             });
         });
    </script>

我不知道他为什么显式地调用JQuery (我认为这是因为他也在使用yui)，但是您可以用$替换JQuery

无论如何，看起来他有一个列表元素，包含图像和隐藏的描述，当你将鼠标移到它上面时，隐藏的描述就会显示出来。

Answer 2

这正是你要找的。

WP Visual Slidebox Builder