0

私はIFRAMEからfancyboxを呼び出し、IFRAMEからそれを表示します-それは機能します。しかし、コールバック関数に問題があります。[私はFanxyBox2を使用しています]

コールバック関数を使用して[前へ/次へ]ボタンの不透明度とホバー動作を変更したいのですが、何もしません。

Iframeデモ[画像をクリック]:http ://keramika.dtech.sk/Keramika/Svietidla_Lampy.html

この「非IFRAME」デモで適切な動作を実現しました:http://keramika.dtech.sk/test.html

私が理解しているように、コールバック関数は「親」の観点から実行されるため、$( "。fancybox-prev")の呼び出しは正しいです(範囲外ではありません)。

コールバック'afterShow':

'afterShow': function(){
            $(".fancybox-prev").css({"opacity": 0.1, "left":"-20px"});
            $(".fancybox-prev").hover(function(){
                $(this).css({"opacity": 0.6}); },
                function(){ $(this).css({"opacity": 0.1});
            });

これがより大きなコード部分です:

$(document).ready(function() {
$('#launcher').click(function(e){
e.preventDefault();
   parent.jQuery.fancybox( [
    {href:'/Keramika/Media/lampy/800x600/luci_obr2.jpg', title: '01'},
    {href:'/Keramika/Media/lampy/800x600/luci_obr3.jpg', title: '02'},
    {href:'/Keramika/Media/lampy/800x600/luci_obr4.jpg', title: '03'}
    ],  
    {
  'afterShow': function(){
            $(".fancybox-prev").css({"opacity": 0.1, "left":"-20px"});
            $(".fancybox-prev").hover(function(){
                $(this).css({"opacity": 0.6}); },
                function(){ $(this).css({"opacity": 0.1});
            });
     ...
4

1 に答える 1

1

スタイリングにはCSSを使用することをお勧めします-http://jsfiddle.net/rNM8Z/

于 2012-08-27T10:24:23.507 に答える