0

スライドショーを実装するJavaScriptコードがいくつかあります。

スライドショーを実行する関数を次のようにdiv内に配置しました。

<div id="portfolio">

  <script>

    var imgArray = new Array();
    imgArray[0] = "smaller_acorn.jpg";
    imgArray[1] = "slideshow/01.jpg";
    imgArray[2] = "slideshow/02.jpg";
    imgArray[3] = "slideshow/03.jpg";
    imgArray[4] = "slideshow/04.jpg";
    imgArray[5] = "slideshow/05.jpg";
    imgArray[6] = "slideshow/06.jpg";

    slideshowMerge('Slideshow1','',imgArray,20,3000);
  </script>
</div>

jqueryホバー関数を使用してこのdivを表示/非表示にします。他の要素の不透明度を変更する、動作するjqueryホバー関数をすでにいくつか作成しました。

 $("#contact").hover( function () {
     $('#acorn').css({opacity : .1});
     $('#contactblurb').css({opacity: 1.0});
 }, function () 
 {
     $('#acorn').css({opacity : .5});
     $('#contactblurb').css({opacity: 0.0});
 }
 );

ただし、不透明度の表示/非表示または変更は、このdivでは機能しないようです。

何か案は？

注意-ここでjsFiddleを参照してください：

http://jsfiddle.net/beeband/qgW9V/12/

4

2 に答える 2

0

確かに、秘訣は<script>タグが見えるようにすることです:

$("#portfolio > script").css("display","block");​​​​​​​​​​​​​​​

.show()ここでは機能しないことに注意してください。

于 2012-07-14T11:58:50.517 に答える
0

デモ用の jsFiddleを次に示します。画像スワップの JavaScript は、ホバー トリガーで実行しようとしているものとは異なります。とにかくそれらを関連付けたいかどうかはわかりませんが、最初にホバーが機能する必要があります.

于 2012-07-14T11:50:55.973 に答える