Beschreibung: Finn Rudolphs Bildergalerie für NextGEN Gallery. Digitale Animation zum Durchblättern eines Bilderstapels.
Neueste Version: 1.2 – Changelog – TO-DO
Author: Boris Glumpler
Benötigt mindestens: WP 2.7
Getestet bis: WP 2.8-bleeding-edge
Download: Hier klicken für das Zip!
WICHTIG: Bitte daran denken, dass ImageFlow NICHT kostenlos ist fuer kommerzielle Webseiten. Hier kann man nachlesen, was genau eine kommerzielle Webseite ausmacht. Lizenzen fuer kommerzielle Webseiten koennen hier erworben werden.
Schau Dir NextGEN FlashViewer an, ein weiteres Plugin für deine NextGEN Galerie!
ACHTUNG: Wenn Du NextGEN ImageFlow in deine Sprache übersetzt hast, dann schicke mir bitte die .po und .mo Dateien und ich werde sie integrieren. Danke!
Installation
- Lade alle Dateien ausser reflect.php nach wp-content/plugins/nextgen-imageflow hoch
- WICHTIG: Lade reflect.php in deinen Wordpress Root hoch
- Aktiviere das Plugin
- Gehe zu Gallery->ImageFlow und ändere die Optionen ab wenn Du willst.
Update
- Loesche alle alten Dateien (vergiss die alte reflect.php Datei im WP Root nicht)
- Lade neue Dateien zum nextgen-imageflow Ordner per FTP hoch
- Lade reflect2.php und reflect3.php in den WP Root
- Nachschauen ob alles funktioniert…
- Fertig!!
Nutzung
Ist alles ziemlich einfach Es gibt nur einen Tag, also muss man nur die richtige Galerie ID finden. Ist praktisch idiotensicher.
[imageflow id="1"]
Frequently Asked Questions
- Ich habe alles installiert, sehe aber keine Bilder. Was mache ich falsch?
Überprüfe, ob Du reflect2/3.php zu deinem Wordpress Root Ordner hochgeladen hast (Der Ordner, in dem sich deine wp-config.php Datei befindet). - Ich habe NextGEN ImageFlow so eingestellt, das die Thumbnails mit Highslide geöffnet werden, aber es funktioniert %&$*§ nochmal nicht. Warum?
Highslide muss schon installiert sein. Das Plugin lädt nur die Highslide-kompatiblen Dateien hoch anstatt der normalen Dateien. - Meine Bilder tauchen nicht im Cache auf?
damit die Bilder zwischen gespeichert werden müssen die vorgegebenen NGG Pfade verwendet werden, da NextGEN ImageFlow den gleichen Cache wie NGG benutzt. Das wäre dann wp-content/gallery/cache. - Aber ich habe den Pfad geändert. Was kann ich tun?
Öffne reflect.php, gehe zu Linie 82 und ändere den Pfad. Alternativ kann der Cache ausgeschaltet werden, indem man $_GET['cache'] in reflect2/3.php in Linie 33 auf 0 setzt. - ImageFlow funktioniert perfekt in meinen Beiträgen aber nicht auf meiner Index Seite. Warum?
Laut der ImageFLow Homepage kann ImageFlow nur einmal po Seite verwendet werden. Eine Objektorientierte Programmierung von ImageFlow ist allerdings angedacht.Es ist wahrscheinlich am Besten, wenn man ImageFlow unterhalb von <!–more–> benutzt um Probleme zu vermeiden. Man sollte es auch nur einmal pro Beitrag verwenden. - Was sollte ich sonst noch wissen?
Also, ab jetzt kannst du auch jedem Bild, das nicht Teil von NextGEN Gallery ist eine Spiegelung verpassen. Anstadt dem normalen Link schreibst Du einfach so etwas wie: src=”path/2/WP-root/reflect2.php?img=rel/path/2/image.jpg”.
Die Zukunft
Es werden hoffentlich mehr Optionen im Adminbereich zur Verfügung stehen und ich plane mehr Effekte für Bilder und für die ganze Galerie hinzuzufügen. Schreib mir einen Kommentar, wenn du einen Featurewunsch hast oder nur um etwas Nettes zu sagen.
Bugs und andere Insekten
Wenn Du auf Probleme, Bugs oder nervende Mosquitos triffst, dann lass es uns in unserem Forum wissen und ich komme angerannt mit meiner 100% Deet Dose…
Credits und Dankeschön
Die Idee für dieses Plugin stammt von Martin Meier. Er hat auch geholfen es zu testen, also, danke, Martin.
Erst mal Danke für dieses Plugin, sieht klasse aus.
Allerdings lande ich immer auf einer leeren, weißen Seite, wenn ich das Highslide JavaScript laden möchte. Weißt Du da mehr?
Landest Du auf einer weissen Seite, wenn Du auf das Bild klickst oder wird nur eine weisse Seite geladen? Ich kann hoffentlich mehr sagen, wenn Du mir einen Link zu einer Testseite schickst…
Ich hatte gestern das Problem, dass die Seite unter Adresse http://vikjavev.no/highslide/ leer und weiß war. Da läd man das HighSlide-JavaScript runter.
Jetzt eben habe ich es noch mal probiert, da gehts. War gestern wohl ein Server-Problem. Ich das Script jetzt laden können.
Folgende Frage stellt sich dabei: Ich habe das WP-Highslide-Plugin geladen und aktiviert, und damit das arbeitet, braucht man das Script zusätzlich. Wo muss das die JS-Datei nun hin? In das HighSlide-Verzeichnis sicher, aber auch in das ImageFlow-Verzeichnis?
Wer lesen kann ist klar im Vorteil…
Mir fehlte im HighSlide-Plugin eine Pfad-Anpassung. Jetzt gehts, z.B. hier:
http://blog.cowboy-of-bottrop.de/2008/05/04/tiermarkt-2008-in-lembeck/
Du musst nur das Plugin nach Anleitung installieren und die Option in ImageFlow auf Highslide setzen. Dann wäre es wahrscheinlich noch am besten, wenn Du den Effekt in NextGEN Gallery auch auf Highslide setzt.
Highslide funktioniert mit dem Highslide-Plugin “out of the box”, man braucht nichts zusätzlich installieren oder einbauen.
Bei mir habe ich in den NGG-Galleries den Highslide-Effekt deaktviert (”none”), in ImageFlow läuft er trotzdem sauber.
Hi Boris,
habe bei mir im css des Plugins mal die Hintergrundfarbe auf “none” gesetzt, so fügt es sich etwas geschmeidiger ein. Kann man da nicht evtl. auch über das Plugin steuern?
Martin, toller Gravatar :) es gäbe 2 Möglichkeiten das über das Plugin steuern zu lassen. Die erste wäre, dass man die entsprechenden Styles in den packt. Finde ich allerdings nicht so toll, weil dann nicht alles CSS im gleichen Ort ist und man mehr Overhead hat. Die 2. Möglichkeit wäre, im Admin eine neue Seite einzufügen, in der man das komplette CSS bearbeiten kann. Ich denke, das werde ich irgendwann mal machen, wenn die IE probleme gelöst sind. Was denkst Du?
Dachte ich mir doch, dass dir der Gravatar gefällt. ;-)
Ich denke auch, dass Letzteres die bessere Lösung ist, alles andere ist eher ein “drumherum”.
Bei diesem Plugin ist ja das Zusammenspiel zwischen dem Reflektionshintergrund (den man ja jetzt schon einstellen kann) und der background-color wichtig. Der Effekt sieht ja auch auf schwarz klasse aus, man sollte es dann aber ja nicht in weiß als Reflektionshintergrund laufen lassen. Das muss man halt ausporbieren, insofern wäre das Einstellen der Hintergrundfarbe eine feine Sache. Mit Transparent hat man (als default) eigentlich am wenigstens Schwierigkeiten, da man die Reflektionsfarbe ja jetzt schon ändern kann.
Ja, ich denke, deine Lösung ist sicher die bessere Variante, sonst baut irgendwann zu viel drumherum.
Bei dem (tollen!) Plugin spielt ja auch das Zusammnespiel der Hintergrundfarbe und der Reflektionsfarbe (die man ja schon einstellen kann) eine wichtige Rolle. Wahrscheinlich ist sogar “none” als Standardeinstellung die flexibelste Lösung. Das dann in den Admin-Bereich zu integrieren, wie du es planst, ist dann im nächsten Schritt wirklich elegant.
Interessant wäre es auch, die Reflektion modifizieren oder auch ganz ausschalten zu können, sodass man ggf. nur die Bilderleiste hat (für diejenigen, denen die “Web 2.0-Spiegelung” auf die Nerven geht).
Wenn sich dann noch die Bilder an den Bildern schieben ließen (nicht nur am Regler oder per Scrollrad), dann wird es auch noch einen Tick intuitiver. Man müsste den Schiebebereich mal etwas vergößern).
Ich schaue mir das am Wochenende auch noch mal genauer an.
Martin, was genau meinst Du denn mit Bildern an Bilder schieben? Und das mit dem Schiebebereich hab ich auch nicht wirklich verstanden… :)
Ich glaube background kann entweder einen Farbwert oder aber transparent als Wert haben. none dürfte nicht funktionieren (berichtige mich, wenn das falsch ist).
Sollte kein Problem sein eine Option einzufügen, die die Spiegelung ausschaltet.
H Boris, was ich meine ist folgendes:
Um durch die Bilder zu blättern, benutze ich den Slider (bzw. das Scrollrad der Maus). Wenn man nun auch oberhalb des Sliders, also an den Bildern “schieben” könnte (also den aktiven Bereich des Javascriptes nach oben vergrößert?). In etwa so, als ob man wirklich die Bilder schiebt.
Habe bei mir im css “none” (funktioniert):
#if_imageflow{
text-align:left;
background:none;
}
Wieder was gelernt.
Jetzt hab ichs. Das Problem dabei wäre wahrscheinlich, dass dann der Schiebebereich in Konflikt mit dem Durchblättern und Öffnen der Bilder gerät (Man muss ja einmal klicken, um mit dem Schieben anzufangen). Du kannst es Finn ja mal vorschlagen :) Ich kenn mich da mit JS zu wenig aus…
Hey, is there a way to show ALL gallerys in one slide?
Mattias, you would have to change the database query, but there’d be more work involved, otherwise every instance of ImageFlow would show all galleries.
Ok, I use a imageflow instance as an index slider on my indexpage. I solved it using the following
[imageflow=]Code striped ^ echo rand (1,6);
More problem, highslide is installed and working fine. But when activated in Imageflow nothing happens when clicking an image in a slider? Something I need to do?
Error: hs is not defined
File: /wp-content/plugins/nextgen-imageflow/imageflow/imageflow_hs.js
Row: 174
Well done, Mattias. Didn’t even think of that :)
As for the JS, I just used the files as they are, didn’t change anything and I don’t really know much about JS. Had a look, though, and line 174 is the onclick call for Highslide, and that would normally mean, that you don’t have Highslide installed or that something is wrong with your installation. I’d check it again.
Also, if you provide a test page I’ll have a look…
Hi there,
great plugin! Almost perfect because at the moment, the highslide effect is not working for me neither.
I’ve installed the highslide plugin and renamed it “highslide” and when clicking an image it’s not doing anything.
Thanks in advance if anyone can help