2012-01-06 4 views
0

Я новичок в jquery. Я нашел галерею лайтбоксов на веб-сайте, который я хочу подражать. Я знаю, как использовать стандартный код световой коробки здесь http://leandrovieira.com/projects/jquery/lightbox/JQuery Hover over gallery image effect

Но я хочу, чтобы мои уменьшенные изображения имели эффект зависания, когда появилась новая граница цвета с текстом над изображением, как на сайте ниже.

Показанный здесь http://wozcreative.com/

Это WordPress сайт с плагином.

Как мне сделать то же самое с jquery?

ответ

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 явно (я думаю, это потому, что он также использует Юи), но вы могли бы заменить JQuery с $

В любом случае, похоже, что у него есть элементы списка с изображениями и скрытыми описаниями, когда вы наводите на него надпись.

+0

Он, похоже, не работает. В строке 6 есть какая-то синтаксическая ошибка ... Как это исправить? http://aemcreative.com/test/test –

+0

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

0

Это именно то, что вы ищете.

WP Visual Slidebox Builder

+0

Пользователь, задающий вопрос, относится к плагину WordPress. Он хочет сделать то же самое, используя jQuery, а не другой плагин WP. – user13500