[SOLVED] FancyBox für iFrame funktioniert nicht

Hier bekommst Du deutschsprachigen Support. Keine Fehlermeldungen oder Erweiterungswünsche bitte!
opcode
Posts: 9
Joined: Wed 1. Mar 2006, 21:20
Location: berlin
Contact:

[SOLVED] FancyBox für iFrame funktioniert nicht

Post by 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
Posts: 1203
Joined: Fri 23. Nov 2012, 13:52

Re: FancyBox für iFrame funktioniert nicht

Post by 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
Posts: 9
Joined: Wed 1. Mar 2006, 21:20
Location: berlin
Contact:

Re: FancyBox für iFrame funktioniert nicht

Post by 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
Posts: 1203
Joined: Fri 23. Nov 2012, 13:52

Re: FancyBox für iFrame funktioniert nicht

Post by 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
Posts: 1203
Joined: Fri 23. Nov 2012, 13:52

Re: FancyBox für iFrame funktioniert nicht

Post by 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 :wink:
opcode
Posts: 9
Joined: Wed 1. Mar 2006, 21:20
Location: berlin
Contact:

Re: FancyBox für iFrame funktioniert nicht

Post by opcode »

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

muchas gracias :D
Old Boy
Posts: 1203
Joined: Fri 23. Nov 2012, 13:52

Re: FancyBox für iFrame funktioniert nicht

Post by Old Boy »

:D
photojo
Posts: 713
Joined: Wed 15. Nov 2006, 20:02
Location: Regensburg, Germany
Contact:

Re: [SOLVED] FancyBox für iFrame funktioniert nicht

Post by photojo »

Gibt es keine einfache Möglichkeit die Fancybox auf eine ähnliche Weise "fullscreen" zu öffnen?
photojo
Posts: 713
Joined: Wed 15. Nov 2006, 20:02
Location: Regensburg, Germany
Contact:

Re: [SOLVED] FancyBox für iFrame funktioniert nicht

Post by photojo »

Danke, aber so klappts auch nicht, zumindest nicht bei mir.
nameless1
Posts: 878
Joined: Sun 27. Apr 2008, 23:22

Re: [SOLVED] FancyBox für iFrame funktioniert nicht

Post by nameless1 »

zeig mal
photojo
Posts: 713
Joined: Wed 15. Nov 2006, 20:02
Location: Regensburg, Germany
Contact:

Re: [SOLVED] FancyBox für iFrame funktioniert nicht

Post by photojo »

hab dir eine PN geschickt
photojo
Posts: 713
Joined: Wed 15. Nov 2006, 20:02
Location: Regensburg, Germany
Contact:

Re: [SOLVED] FancyBox für iFrame funktioniert nicht

Post by 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
Posts: 1203
Joined: Fri 23. Nov 2012, 13:52

Re: [SOLVED] FancyBox für iFrame funktioniert nicht

Post by Old Boy »

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

vorhanden:
lightbox[VG8LJ]
Vorschlag:
lightbox[{ID}]
photojo
Posts: 713
Joined: Wed 15. Nov 2006, 20:02
Location: Regensburg, Germany
Contact:

Re: [SOLVED] FancyBox für iFrame funktioniert nicht

Post by photojo »

Ja, klar. Mach ich!

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