fancybox内のスライドショー

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a#logo").fancybox({ 
       'transitionIn' : 'elastic', 
       'transitionOut' : 'elastic' 
      }).trigger('click'); 
    }); 
</script> 
</head> 
<body> 
<center> 
    <a id="logo" href="../../images/mav/mission.png"><img id="imageSlide" alt="imageSlide" src="images/banners2/banner1.png" style="height:255px; border:none; margin-top:0px; margin-left:0px;" align="middle"/></a> 
</center> 
</body>

。上記のコードに基づいています。私は現在、オンページロードをポップアップ表示するファンシーボックスを持っています。現在、href = ""属性の中にイメージを表示しています。画像を8秒の間隔で別の画像に切り替えるにはどうすればよいですか？私は実際には2つの画像しか持っていないので、8秒ごとに自動的に切り替えるようにしたい。fancybox内のスライドショー

出典

2011-07-23 zerey

これは私がどんな絵を宣言していないので、それは無用だと思う私は http://stackoverflow.com/questions/4019533/slideshow-in-fancybox-image-gallery – Warface

するTry jqueryのサイクル、その後http://jquery.malsup.com/cycle/

$(document).ready(function() { 
    $('slideshow').cycle({ 
     fx: 'fade', 
      timeout: 8000 
    }); 
}); 

<div class="slideshow"> 
     <a href="linkHere"><img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" /></a> 
     <a href="linkHere"><img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" /></a> 
    </div>

出典

2011-07-23 02:19:47 Warface

.I考えるあなたを助けることができますに切り替える。 – zerey

おそらくfancyboxはそのようなことの解決策ではありません。これは私が考えるより適切かもしれません：http://jquery.malsup.com/cycle/ – Warface

だけの骨董は - fancyboxのdivをロードしないのですか？

その中にスライダーを配置できますかdiv？

jQuery slider

だから、セットアップあなたのfancbox div要素内のdivとはこれを行うだろう：

$(function(){ 
    $("#slides").slides({ 
     play: 5000, 
     effect: 'fade', 
     slideSpeed: 8000, 
     crossfade: true, 
     fadeEasing: "easeOutQuad", 
     hoverPause: false 
    }); 
});

申し訳ありませんが、私はどのようにfancyboxの作品を誤解していた場合。

出典

2011-07-23 02:42:11

fancybox内のスライドショー

答えて

関連する問題