私は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'
オープニングは完璧です