This site is also available in english!
Fancybox Plus ist ein WordPress-Plugin das die Funktionalitäten von Fancybox in WordPress integriert und gleichzeitig alle Image-Links abändert, dass diese mit TopUp geöffnet werden. Weiter können Videos mit TopUp angezeigt werden. Unterstützt werden derzeit YouTube, Vimeo und Blip.tv
Installation
- Das Verzeichnis fancybox-plus in das WordPress-Plugin-Verzeichnis unter “/wp-content/” kopieren
- Das Plugin im Plugin-Menü aktivieren
- Das wars!
Bilder einbinden
- Ein Bild deiner Wahl – wie du es von WordPress gewohnt bist – in deinen Beitrag einfügen
- Erstelle einen Link von dem Bild auf eine grössere Version des Bildes
- Den Rest macht Fancybox-Plus automatisch
Videos einbinden
- Den neuen Button “Video einbinden” klicken
- In dem neuen Popup das gewünschte Video Portal aussuchen (im Moment YouTube, Blip.tv und Vimeo)
- Die Video ID des Videos eingeben (wie diese ermittelt wird, ist im nächsten Punkt zu lesen)
- Auswählen ob ein Linktext unter dem Video erscheinen soll und ggfs. den Linktext eingeben
- Insert anklicken
Ermitteln der Video ID Der hervorgehobene Teil ist die Video-ID
- YouTube: http://de.youtube.com/watch?v=DYgZOY2g27w
- Vimeo: http://www.vimeo.com/1573042
- Blip.TV: http://blip.tv/file/3588970
Beispiele
FAQ
Bilder werden nicht im Fancybox Overlay angezeigt?
In deinem Theme fehlt der <?php wp_head(); ?> Hook. Bitte füge es hinzu.
Ich habe Bilder in meinen Text eingefügt, aber diese können nicht angeklickt werden und vergrössern sich auch nicht.
Fancybox sowie das Plugin funktionieren nur, wenn auf ein weiteres Bild verlinkst. Verlinke das anzuzeigene Bild auf sich selbst oder eine grössere Version.
Gibt es Fancybox auch für Prototype?
Klar! Es gibt Lightview Plus. Es hat die gleichen Funktionen wie Fancybox Plus.
Fancybox funktioniert, aber im Browser xy auf Betriebssystem yz nicht. / Wie ändere ich die Anzeige von Fancybox?
Da ich nicht das Javascript geschrieben habe, fragt bitte im Forum des Autors von Fancybox.
Download
Unter wordpress.org ist die aktuelle Version zu finden.
Aktuelle Version
Aktuell ist Version 1.0. In dieser werden Videos der Portale YouTube, Vimeo und Blip.tv unterstützt.
Übersetzung
Jeder, der zu der Übersetzung beitragen möchte, ist herzlich dazu eingeladen mir die Language Packs zuzumailen. Bis jetzt sind folgende vorhanden:
- Deutsch – von mir selbst
Spenden
Wenn du dieses Plugin nützlich findest oder du Support möchtest, dann sei so frei hierfür zu spenden. TopUp Plus hat sehr viele Stunden an Zeit für die Entwicklung verschlungen. Falls du das Plugin nützlich findest, dann kannst du die Entwicklung mit einer kleinen Spende unterstützen. Dies ist ein Anreiz für mich, die Entwicklung aufrecht zu erhalten, unzählige Stunden für den Support aufzubringen und viele Verbesserungsvorschläge in das Plugin fließen zu lassen. Falls du keine Idee hast, wieviel zu Spenden sollst, dann kannst du dich an der Durchschnittspende von €8 orientieren. Aber jeder andere Betrag wird Dankbar angenommen. Aber zur Info: PayPal behält pro Spende ca. €0,50 ein. Also jede Spende unter €1 ist eine reine Spende an PayPal 
Aber ich habe auch eine Amazon Wunschliste aus der man mir Geschenke machen darf!
thank you so very much …………you saved my day………….thank you
.
You are welcome!
thanks for your great plugin. it just save my day!
I try to custom my theme, so in the homepage i can put an image where when click, it will show in fancy box. The plugin works well in the post, but i can’t figure how to put it manually. I’m thinking about adding some thing like “rel=”fancybox” in the link tag but it didn’t worked. :’(
You have to add class=”fancyboxgroup” to get it outside the Content Part!
Plugin generates this: atal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 122880 bytes)
WordPress 3.2 uses more memory than before. Contact your administrator to get more memory for php!
It works!! thanks a bunch!!
Nice job on this plugin!
Question: I’m using it to display a YouTube video on a page, and the plugin appears to be showing a thumbnail image with a generic white “play” button overlay. Unfortunately this particular thumbnail image isn’t very appealing. Is it possible to modify this image? Using your debug option I was able to see where the thumbnail is stored (on “http://i.ytimg.com”), but I’m not sure how the plugin is generating it, how it’s pulling it into the page, where the “play” button is being inserted, etc. Can I create and upload an alternate thumbnail, and then somehow tell the plugin to use *it* instead?
Hi Tom,
I get the thumbnail direct from youtube (ytimg.com is the youtube image server), due to an api call. I will see what I can do in one of the next releases, to extend the shortcode of my plugin, that a user can add own images as preview images for the videos.
Thanks Thorsten. I also found out that video owners can change the thumbnail image from within Youtube’ settings, so that’s good.
As for the white triangular “play button” that the plugin inserts… That’s really where a few options / customization abilities would come in handy. The button looks good on video preview thumbnails that are in the 500-700px wide range, but since it only comes in one size (approx 55x55px) – it blocks a large portion of the thumbnail image when the video preview is set at smaller sizes. For instance, I’ve inserted a 100px wide video preview into some body copy. It expands to 900px when the video is played, but until the user does that it’s impossible for them to see the video thumbnail image because it’s covered up by the overlay graphic.
I’m not suggesting the button image be scalable, but perhaps if you offered a few different sizes of it so the user could choose one that works best for their video preview size? Two other ideas: an option to use a custom text overlay, and an option to not have an overlay at all.
Hope that helps!
Tom, that’s a good point. But I have good news for you. In the plugin directory, there is an subfolder, called css. In there, you can edit the style.css file, to change the appearance of this play button (but after an update all your changes are overwritten). Or you create a new class called plus_playbutton in your on css with !important flag.
Is this OK for you?
Oh wow – I didn’t even think about that. I’ll definitely open that up and play around with it.
As for the updating issue… We’re using a “child theme” to store other css / design customizations in order to retain them when updating the parent theme. Do you know if there’s a similar approach for plugins?
I don’t think, that it so simple with plugins like with child themes. But I will have a look on it or will insert my own solution!
Sounds good – “danke” again
Hi Thorsten,
danke für das Plugin, es ist wirklich das schickste!
Wir haben auf unserer Seite seit gestern das große Problem, dass einfach etwa 20% der Filme im Videoarchiv von heut auf morgen nicht mehr angezeigt werden. Auf youtube sind alle noch ohne Einstellungsänderung vorhanden und einbetten ist erlaubt.
Was kann da passiert sein? Hoffen sehr dass Du Ideen hast.
Hi Sebastian,
ich habe mir gerade mal deine Seite anschaut (nebenbei: schaut gut aus). Hier ein Erklärungsansatz.
Fancybox Plus fragt über die Google API anhand der von dir eingegebenen Video ID ab, ob das YT überhaupt existiert und welches Thumbnail zur Verfügung steht. Das Ergebnis wird für 24 Stunden gecached, um die API Anfragen zu reduzieren und deine Seite schneller zu laden. Sollte aus irgendeinem Grund die Anfrage fehl schlagen, ist für 24 Stunden das Video nicht zu sehen auf deiner Seite. Erst dann wird wieder versucht, die API abzufragen.
Es gibt mehrere Möglichkeiten, was hier nicht funktioniert.
1.) Euer Provider hat die Möglichkeit ausgeschaltet, externe Seiten abzufragen
2.) YouTube API war in diesem Moment der Abfrage nicht verfügbar
3.) Eure Videos wurden als privat markiert (oder sind nicht mehr verfügbar). Daher ist kein Abruf möglich
Um den Cache zu leeren, reicht es, wenn du das Plugin de- und dann wieder aktivierst. In der aktuellen Version sollte dadurch der Cache geleert werden. Oder du fügst ein nicht funktionierendes Video in einem neuen Post ein und schaust, ob es da läuft. Wenn ja, dann betrachte das als Schluckauf und die Videos werden nach Cache-Löschung oder 24 Stunden Wartefrist wieder verfügbar sein.
Sollte das nicht helfen, dann mal schauen, ob die Videos als privat markiert wurden. Dann sind diese evtl. noch direkt über YouTube sichtbar, können aber nicht mehr eingebunden werden in externe Seiten.
Egal was, melde dich bitte, ob irgendetwas geholfen hat.
[...] Fancybox Plus Lightbox랑 비슷한 녀석 [...]
Hallo Thorsten,
.
danke für das Lob und die schnelle Antwort
“Es gibt mehrere Möglichkeiten, was hier nicht funktioniert.
1.) Euer Provider hat die Möglichkeit ausgeschaltet, externe Seiten abzufragen”
Werd ich mal in Erfahrung bringen, müssten dann aber nicht alle Videos weg sein? Im Moment fehlen ja nur auf einmal (scheinbar wahllos aber immer die gleichen) etwa 20% der eingebetteten Filme.
“2.) YouTube API war in diesem Moment der Abfrage nicht verfügbar”
Danke für den Tipp mit dem de- und reaktivieren, leider hat das noch nicht geholfen.
“3.) Eure Videos wurden als privat markiert (oder sind nicht mehr verfügbar). Daher ist kein Abruf möglich”
Das dachten wir zuerst auch, leider ist das nicht der Fall, weil anhand eines selbsthochgeladenen Videos aus dem eigenen Channel ebenfalls zu sehen ist, dass dieses nicht mehr eingebettet wird.
Die Einstellungen sind dort nicht geändert worden und auch noch richtig soweit.
Gäbe es noch andere Ansätze dahinter zu kommen? Hatten gestern kurzfristig die Hoffnung dass Youtube etwas umgestellt hat für einige Server, aber das wär vermutlich bis heut wieder weg gewesen.
Danke für deine Hilfe!
Noch ein Nachtrag: Auf einmal funktionieren wieder 10% wieder. Das besagte von uns hochgeladene Video funktioniert neben einigen anderen trotz richtigen Einstellungen bei Youtube immernoch nicht. Seltsamer Fehler..Vielleicht liegt es doch an Umstellungen bei Youtube. Wenn die restlichen 10% wieder gehen sollten ohne Zutun, meld ich das hier nochmal.
Entwarnung! Es funktioniert wieder alles
.
Es sollte tatsächlich an Youtube gelegen haben.
Das Plugin funktioniert super und der Support offensichtlich auch. Vielen Dank nochmal und weiter so!
Freut mich doch zu hören. Ich muss mir mal was einfallen lassen, wenn die YouTube API spinnt.
PS: Danke für die Blumen!
Hi!
Ist es möglich, das Vorschaubild eines Videos zu deaktivieren und lediglich den Link-Tag mit einer css-Angabe zu schmücken, um dieses in Fancybox zu laden?
Ansonsten habe ich noch einen Schreibfehler im Backend gefunden: Der Titel der Options-Page lautet “Fanybox…”.
Es ist nicht möglich, nur einen Link-Text auf ein Video zu erstellen. Habe es aber mal in meine TODO Liste genommen.
Und der Schreibfehler wird mit der nächsten Version dann auch behoben sein.
Hi Thorsten. I’ve been using your plugin for 4 websites already and it works great.
I tried to the text widget area i can put a image link to a youtube video (image taken from youtube default thumbnail server) where when click, it will show in fancybox overlay. I tried to do the same as image by adding class=”fancyboxgroup” within the link tag but i end up in youtube website. here is my code:
I got the feeling that it can be done – with your help.
Currently, the plugin doesn’t change anything in the widget area. But you can try to modify my code by yourself. Open the file fancybox-plus.php. Around line 81 you find a line with this text:
[code]
add_filter('the_content', array(&$this, 'change_content'), 150);
[/code]
After that, insert this line:
[code]
add_filter('the_widget', array(&$this, 'change_content'), 150);
[/code]
I haven’t tested it. Please, let me know, if it work.
AND if it works, you can add in the widget area the youtube short code from my plugin [youtube movieID text]
when i try to use this it creates a video thumnail. When I click it it says Image cannot be loaded. Make sure the path is correct and image exist. But if I right click it i see an image and i see the url of the image. Any help?
What did you entered, as the video id, as you inserted the video id?
Can you help me? I entered video like 10 others from vimeo and youtube and for this new one it says video not available. Vimeo id is 31660076 and link to site: videotrend.com.hr/video-galerija/
After I had a look at your site, I saw, that the video is available. I don’t understand, what you mean.