0

私はfancybox2を使用しています(joomla 3で)

私は次の効果を試みています:

ロードされた新しいアイテムを使用してfancyboxiframeで開くアイテムのカタログページがありdata-fancybox-type="iframe" rel="cars" 、完全なjqueryとfancyboxがリンクされたdoctype要素とhead要素があります。iframeは小さく、300x650pxで、いくつかのサムネイルとテキストで構成されています。私はいくつかの方法を達成しようとしています-サムネイルの1つをクリックすると-完全な画像(800x800px)を起動します:a)開いたiframeの代わりに(もし閉じて、goupingで完全な画像を開くと、画像を閉じるとiframeが表示されますback)b)画像を内側にロードしますが、親iframeを引き伸ばします。画像を閉じた後、元のサイズに引き伸ばします。これらの作業のいずれかで、アイデアは、かなり小さなiframeからトリガーされた小さな画像ギャラリーを開くことです(それが大きい場合は、画像が問題なく内部に読み込まれます)

私はこのコードを親に使用します:(幅、高さ:70%またはその他の値で試しました)

$(".iframe_launch").fancybox({

    fitToView   : false,
    autoSize    : true,
    closeClick  : false,
    closeEffect : 'none',
    openEffect      : 'elastic',
    padding     : 0,
    scrolling   : 'visible',
    scrollOutside   : 'no'

});

ロードされたコンテンツの場合:

$(".thumbs").fancybox({
    maxWidth    : 900,
    maxHeight   : 805,
    fitToView   : false,
    autoSize    : true,
    closeClick  : false,
    closeEffect : 'elastic',
    openEffect      : 'elastic',
    padding     : 0,
    scrolling   : 'visible',
    scrollOutside   : 'no'
});

私はトライエンドをターゲットにしています

parent.$(".thumbs").fancybox({
        maxWidth    : 900,
        maxHeight   : 805,
(...)

とstackoverflowからの他のいくつかのソリューションが、満足のいく結果で動作させることができません。ところで。ファンシーボックスである必要はありませんが、'elastic'オープニングは完璧です

4

0 に答える 0