2012-01-06 13 views
0

jqueryを初めて使用しています。私はエミュレートしたいウェブサイトにライトボックスのギャラリーを見つけました。ここで標準ライトボックスコードを使用する方法を知っていますhttp://leandrovieira.com/projects/jquery/lightbox/Jqueryギャラリー画像にカーソルを合わせる

ただし、私のサムネイルには、下のサイトのようにイメージ上にテキストに新しい色の境界線が表示されるホバー効果が必要です。

これはプラグインでWordPressのサイトで、ここでhttp://wozcreative.com/

示します

jqueryでこれを行うにはどうすればよいですか?

答えて

1

あなたの答えは、問題のページのコードであるようにそれは私が明示的に(私は彼がまたYUIを使っているからだと思う)彼はjQueryのを呼んだ理由はわからない

<!-- 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$

とにかく、画像の上にマウスを置くと説明を隠すと、リスト要素が画像に表示されているように見えます。

+0

これは機能していないようです。 6行目に何らかの構文エラーがあります...どうすれば修正できますか? http://aemcreative.com/test/test –

+0

まず、例のスクリプトタグを誤って.jsファイルにコピーしたようです。 HTMLのインラインJSの場合は、

0

これはまさにあなたが探しているものです。

WP Visual Slidebox Builder

+0

質問をするユーザーは、WordPressプラグインを参照してください。彼は、別のWPプラグインではなく、jQueryを使って同じことをしたいと思っています。 – user13500

関連する問題