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