[SOLVED] FancyBox für iFrame funktioniert nicht

[opcode]

Hallo,
ich habe mir auch aus dem "phpwcms Extended"-Pack die Fancybox installiert und wollte einen Belegungskalender als iFrame laden. Leider bekomme ich dann aber immer die Fehlermeldung "The requested content cannot be loaded. Please try again later."
Mit Bildern funktioniert die fancybox auf der betreffenden Seite wunderbar nur eben nicht mit URL zum Kalender.

Code: Select all

<a class="various" href="http://www.domain.de/belegungskalender/?year=2014&object=2" rel="lightbox">

Wäre Super wenn jemand mir helfen könnte der vielleicht schon mal ein iFrame mittles Fancybox zum laufen bekommen hat..

VG
Andreas

[Old Boy]

Da wirst du ein eigenes Template schreiben müssen, denn der Aufruf erfolgt ja völlig anders, als bei den Bildern:

Code: Select all

<a class="various" data-fancybox-type="iframe" href="http://www.domain.de/belegungskalender/?year=2014&object=2">Iframe</a>

Auch der javascript part braucht zusätzliche Einstellungen:

Code: Select all

$(document).ready(function() {
	$(".various").fancybox({
		maxWidth	: 800,
		maxHeight	: 600,
		fitToView	: false,
		width		: '70%',
		height		: '70%',
		autoSize	: false,
		closeClick	: false,
		openEffect	: 'none',
		closeEffect	: 'none'
	});
});

[opcode]

He danke für deine schnelle Antwort! Das klingt ja alles doch komplizierter als ich dachte - war der Meinung das alles schon 'on Board' wäre. Zumindest ist doch in der lib/fancybox/jquery.fancybox.js und in der lib/fancybox/helpers/jquery.fancybox-media.js schon Support für iFrames drin oder gillt das nur für Youtube und Co.??

Code: Select all

iframe:'<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen'+
(I?' allowtransparency="true"':"")+"></iframe>"

Gibt es noch eine Alternative wie vielleicht die alte mediaboxAdvanced??

[Old Boy]

Also... ich hab gerade mal ein schnelles Experiment gemacht und es klappt soweit... Feinschliff ist allerdings selber vorzunehmen!

Code kommt in 5 Minuten!

[Old Boy]

Ich habe mal schnell einen ContentPart "html" verwendet und dafür ein eigenes Template erstellt mit Namen:

html_iframe-mit fancybox.tmpl

Code: Select all

<div class="fancyBox2-iframe">
   <a class="various" data-fancybox-type="iframe" href="[SUBTITLE]{SUBTITLE}[/SUBTITLE]">[TITLE]<h3>{TITLE}</h3>[/TITLE]</a>
</div>
<!-- CSS: template/lib/fancybox/source/jquery.fancybox.css -->
<!-- CSS: 
        .fancyBox2-iframe { background:yellow; padding:5px; }
-->
<!-- JS: initJSLib -->
<!-- JS: template/lib/fancybox/source/jquery.fancybox.pack.js -->
<!-- JS:
$(document).ready(function() {
   $(".various").fancybox({
      maxWidth    : 960,
      maxHeight   : 640,
      fitToView   : false,
      width       : '90%',
      height      : '90%',
      autoSize    : false,
      closeClick  : false,
      openEffect  : 'none',
      closeEffect : 'none'
   });
});
-->

Jetzt brauche ich nur noch den
Linknamen in die Titelzeile (zur HP von phpwcms) des ContentParts schreiben und die
URL in den Untertitel (http://phpwcms.de) das ContentParts ablegen.

Das verwendete Template auswählen: html_iframe-mit fancybox.tmpl

Und... KLAPPT!

Anpassen musst du allerdings selbst

[opcode]

He OldBoy, Suuuper !!! Klappt auch bei mir - gewußt wie, ich war halt auch schon lange nicht mehr am System...

muchas gracias

[Old Boy]

[photojo]

Gibt es keine einfache Möglichkeit die Fancybox auf eine ähnliche Weise "fullscreen" zu öffnen?

[nameless1]

superzsized fancybox?

[photojo]

Danke, aber so klappts auch nicht, zumindest nicht bei mir.

[nameless1]

zeig mal

[photojo]

hab dir eine PN geschickt

[photojo]

So, jetzt klappt es:
Im CP Image spezial habe ich im Template folgendes:

Code: Select all

[LINK]<a href="{IMAGE_ABS}" rel="lightbox[VG8LJ]">[/LINK]
			<img src="{THUMB_REL}" alt="{IMGNAME}" />
		[LINK]</a>[/LINK] 

Schöne wäre es, etwas ähnliches für den CP Bilder <div> zu realisieren, denn hier kann man einfach schneller viele Bilder einfügen.

Danke in diesem Zusammenhang an nameless1!

[Old Boy]

Wäre es hier nicht sinnvoll, besser die ContentPart ID einzufügen?

vorhanden:

lightbox[VG8LJ]

Vorschlag:

lightbox[{ID}]

[photojo]

Ja, klar. Mach ich!

Hast du noch ne Idee, das in dem CP Bilder <div> zu realisieren?