Page 1 of 2
[SOLVED] FancyBox für iFrame funktioniert nicht
Posted: Mon 1. Dec 2014, 18:21
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
Re: FancyBox für iFrame funktioniert nicht
Posted: Mon 1. Dec 2014, 18:28
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'
});
});
Re: FancyBox für iFrame funktioniert nicht
Posted: Mon 1. Dec 2014, 19:14
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??
Re: FancyBox für iFrame funktioniert nicht
Posted: Mon 1. Dec 2014, 19:48
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!
Re: FancyBox für iFrame funktioniert nicht
Posted: Mon 1. Dec 2014, 19:54
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
Re: FancyBox für iFrame funktioniert nicht
Posted: Mon 1. Dec 2014, 22:04
by opcode
He OldBoy, Suuuper !!! Klappt auch bei mir - gewußt wie, ich war halt auch schon lange nicht mehr am System...
muchas gracias
Re: FancyBox für iFrame funktioniert nicht
Posted: Mon 1. Dec 2014, 23:43
by Old Boy
Re: [SOLVED] FancyBox für iFrame funktioniert nicht
Posted: Thu 20. Oct 2016, 17:09
by photojo
Gibt es keine einfache Möglichkeit die Fancybox auf eine ähnliche Weise "fullscreen" zu öffnen?
Re: [SOLVED] FancyBox für iFrame funktioniert nicht
Posted: Thu 20. Oct 2016, 18:09
by nameless1
Re: [SOLVED] FancyBox für iFrame funktioniert nicht
Posted: Thu 20. Oct 2016, 18:25
by photojo
Danke, aber so klappts auch nicht, zumindest nicht bei mir.
Re: [SOLVED] FancyBox für iFrame funktioniert nicht
Posted: Thu 20. Oct 2016, 19:04
by nameless1
zeig mal
Re: [SOLVED] FancyBox für iFrame funktioniert nicht
Posted: Fri 21. Oct 2016, 15:58
by photojo
hab dir eine PN geschickt
Re: [SOLVED] FancyBox für iFrame funktioniert nicht
Posted: Mon 24. Oct 2016, 13:42
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!
Re: [SOLVED] FancyBox für iFrame funktioniert nicht
Posted: Mon 24. Oct 2016, 14:39
by Old Boy
Wäre es hier nicht sinnvoll, besser die ContentPart ID einzufügen?
vorhanden:
lightbox[VG8LJ]
Vorschlag:
lightbox[{ID}]
Re: [SOLVED] FancyBox für iFrame funktioniert nicht
Posted: Mon 24. Oct 2016, 15:04
by photojo
Ja, klar. Mach ich!
Hast du noch ne Idee, das in dem CP Bilder <div> zu realisieren?