Bilder Gallery ?

[phpman]

Hallo zusammen,

welche Bilder Gallerien setzt Ihr in Verbindung mit der Aktuelle Version 3.2.3
ein ? Was ich suche ich eine Möglichkeit das wenn ich ein Bild als "vorschau" klein Angezeit wird dieses nach dem Anklicken "gross" dargestellt wird (lightbox funktion)

Das PlugIn Fancybox hab ich mir mal angeschaut aber nicht verstanden wie das funktioniert da sich mein Eingebundenes Bild nicht ändert nachdem ich die Einstellungen verändere.

Hoffe mir kann hier jemand weiterhelfen (Connie??)

Gruß, Harald

[Connie]

Na also,

warum probierst du denn nicht i18N-Galerie aus?

Da gibt es alles die Möglichkeiten, die du möchtest. Ich hab die schon oft eingesetzt.
Und du kannst regeln, daß das Javascript für die Lightbox-Effekte nur in den Galerie-Seiten geladen wird etc.

Probier das aus, das hilft dir auf jeden Fall weiter

[phpman]

Hallo Connie,

hmm.. bei der Gallerie habe ich das problem das wenn ich das so mache:

Code:

(% gallerytag %)


Mein Text:

test text hier eingebenen
test text hier eingebenen
test text hier eingebenen
test text hier eingebenen
test text hier eingebenen
test text hier eingebenen

verschiebt sich sobald ich eine Foto aus der Gallerie öffne der Text "rechts" neben dem Bild. Was ich so aber nicht ganz verstehe da ja das "Bild" nach dem anklicken über dem alten "text" schwebt (sollte so bei Lightbox" so sein.

Nur passiert das hier nicht. Idee?

Gruß, Harald

[Connie]

also ohne URL ist das ganz ganz schwer

URL?
Browser?

vielleicht kannst du dem Text ja einen Style verpassen:

clear: Left

oder ähnlich?

[phpman]

also ohne URL ist das ganz ganz schwer

URL?
Browser?

vielleicht kannst du dem Text ja einen Style verpassen:

clear: Left

oder ähnlich?

Firefox 23 / Website

Oder geht es das ich einem über den eingebauten Editor eingefügten Bild dieses "fancybox" o.ae. Design verpasse wenn man das Bild anklickt (das es gross dargestellt wird) ? So wie hier: Galleria ist auch GetSimple aber wie´s scheint v2.x

[Connie]

erstmal ne kurze Antwort, weil ich auf dem Weg bin

oft wird, wenn das entsprechende JS-Skript im HEader der Datei eingetragen ist, es beim Bild durch ein Attribut ausgelöst

z.B.

Code:

rel="lightbox"

das kann man im Quelltext den Bild-Anweisungen hinzufügen

jetzt muss ich aber zum Konzert,

Gruss, Connie

[Psychosopher]

Was hast Du jetzt installiert? Das Plugin Fancybox? Die i18N-Galerie? Beides?

Edi

[phpman]

Was hast Du jetzt installiert? Das Plugin Fancybox? Die i18N-Galerie? Beides?

Edi

Hi Edi,

i18N Gallerie mit einstellung "fancybox".

Das PlugIn FancyBox ist auch gut, nur leider wird beim Verlinken das anzuzeigende Bild nicht als Vorschau dargestellt so das ich mal das falsche erwischt hab :-)

Hab gelesen das man den CKEditor auch erweitern kann dann ist die Funktion da schon Standard nur hab ich´s nicht eingebunden bekommen

Nachtrag:
Beim Fancybox Plugin fälllt mir noch auf das wenn ich mehrere Bilder in einer Box anzeigen lasse diese "von oben herab" nach unten gewechselt werden" kann ich das einstellen das es von "rechts nach links wechselt"? sieht sonst so komisch aus.
Gruß, Harald

[Psychosopher]

Lieber Harald

Ich habe mir jetzt den Code Deiner Website angesehen. Es sieht so aus, als wenn die FancyBox und nicht die I18N Gallery installiert ist.

Willst Du lieber die FancyBox oder die I18N Gallery?

Das PlugIn FancyBox ist auch gut, nur leider wird beim Verlinken das anzuzeigende Bild nicht als Vorschau dargestellt so das ich mal das falsche erwischt hab :-)

Das verstehe ich nicht...

Edi

[phpman]

Ich habe mir jetzt den Code Deiner Website angesehen. Es sieht so aus, als wenn die FancyBox und nicht die I18N Gallery installiert ist.

Willst Du lieber die FancyBox oder die I18N Gallery?

mir ansich egal in diesem Fall. Ich habe im moment die I18N Gallery deaktiviert. Einzig das beim Fancy Modul die Bilder nicht von "rechts" nach "links" wechseln sondern von "oben" runter stört mich.

Kann ich das beeinflussen?

Gruß, Harald

[Psychosopher]

Die FancyBox wechselt die Bilder vertikal. Du solltest das aber ändern können:

http://stackoverflow.com/questions/10658...fancybox-2

Mittlerweile gibt es zudem eine neue Version der FancyBox, bei der die Art des Bildwechsels gewählt werden kann:

http://stackoverflow.com/questions/10658...fancybox-2

Mal sehen, ob sich das Plugin einfach aufdatieren lässt.

Edi

[phpman]

Die FancyBox wechselt die Bilder vertikal. Du solltest das aber ändern können:

http://stackoverflow.com/questions/10658...fancybox-2

Mittlerweile gibt es zudem eine neue Version der FancyBox, bei der die Art des Bildwechsels gewählt werden kann:

http://stackoverflow.com/questions/10658...fancybox-2

Mal sehen, ob sich das Plugin einfach aufdatieren lässt.

hmm.... gute Frage problem ist das ich die Strings welche hier angegeben werden im .js file nicht finden kann sonst ginge das sicherlich.

Frage ist welche Version von FancyBox ist in der aktuellen Version verbaut?

[Psychosopher]

hmm.... gute Frage problem ist das ich die Strings welche hier angegeben werden im .js file nicht finden kann sonst ginge das sicherlich.

Frage ist welche Version von FancyBox ist in der aktuellen Version verbaut?

Gute Frage! Get Simple CMS verwendet die Version 2.0.4 (fancyBox wird im Admin-Bereich verwendet). Du findest die Files unter

/admin/template/js/fancybox

Ich habe nun gesehen, dass sich die Lösung von Stack Overflow nur ansatzweise für die von GetSimple CMS verwendete Version übernehmen lässt.

Bei mir funktioniert der horizontale Bildwechsel von links nach rechts, wenn ich den String

Code:

d.top=parseInt(d.top,10)-200+"px"

ersetze durch

Code:

d.left=parseInt(d.left,0)-0

und

Code:

top:"+=200px"

durch

Code:

left:"+=200px"

Achtung: top:"+=200px" kommt zweimal vor.

Die neueste Version von fancyBox (2.1.5) kann nur für private und nicht-kommerzielle Projekte verwendet werden:

http://www.fancyapps.com/fancybox/

Wir müssten einmal im englischen Forum nachfragen, was geplant ist.

[phpman]

hmm.... gute Frage problem ist das ich die Strings welche hier angegeben werden im .js file nicht finden kann sonst ginge das sicherlich.

Frage ist welche Version von FancyBox ist in der aktuellen Version verbaut?

Gute Frage! Get Simple CMS verwendet die Version 2.0.4 (fancyBox wird im Admin-Bereich verwendet). Du findest die Files unter

/admin/template/js/fancybox

Ich habe nun gesehen, dass sich die Lösung von Stack Overflow nur ansatzweise für die von GetSimple CMS verwendete Version übernehmen lässt.

Bei mir funktioniert der horizontale Bildwechsel von links nach rechts, wenn ich den String

Code:

d.top=parseInt(d.top,10)-200+"px"

ersetze durch

Code:

d.left=parseInt(d.left,0)-0

und

Code:

top:"+=200px"

durch

Code:

left:"+=200px"

Achtung: top:"+=200px" kommt zweimal vor.

Die neueste Version von fancyBox (2.1.5) kann nur für private und nicht-kommerzielle Projekte verwendet werden:

http://www.fancyapps.com/fancybox/

Wir müssten einmal im englischen Forum nachfragen, was geplant ist.

Hmm... muss ich mir heut Abend mal anschauen.
Das mit der Lizens ist natürlich sehr schlecht das nut "non commerical" wie ist das bei Lightbox ? Kann man ggf. auf Lightbox Wechseln oder müsste man das machen was ich nicht geschafft habe und den CKEditor mittels PlugIns erweitern?

[phpman]

Hi Edi,

hab das mit den Werten mal getestet funktioniert aber mit dem Haken das die Bilder von Rechts nach Links springen also der Wechsel
nicht flüssig erscheint. :-(

Oder muss ich an den Einträgen noch was anderes ändern, wie sieht
das bei Dir aus? Hast Du mir eine Referenz Seite?

Gruß, Harald

[Psychosopher]

Die Standardeinstellung ist, dass die Bilder etwas "springen".

Das sollte sich ändern lassen. Ich müsste mich aber einlesen und pröbeln.

Eine Idee, wie es gehen könnte, ist bei Stack Overflow zu finden:

http://stackoverflow.com/questions/89901...on-gallery

Edi

[phpman]

Edi,

wie sieht bei Dir das .js file aus ? Bei mir ist das alles hintereinander geklatscht so das man es nicht formatiert kriegt. Egal mit welchem Editor ich das aufmache. Somit ist es recht schwierig das zu testen was dort angegeben wird da ich den quelltext nicht recht lesen kann.

Lässt sich das ändern ?

Gruß, Harald

[Psychosopher]

Lieber Harald

Ich habe das leider auch so.

Ich hoffe, dass ich diese Woche das genauer anschauen kann. Möglicherweise lohnt es sich aber nicht, zu viel Zeit dafür aufzuwenden.

Ohne Plugin einfach einzusetzen, ist wahrscheinlich Slimbox 2:

http://www.digitalia.be/software/slimbox2

Aber eben, auch die I18N Gallery empfiehlt sich.

Edi

[phpman]

Hallo Edi,

nachdem ich nun um die Seite 2 Sprachig zu machen auch ein I18N PlugIn im Einsatz habe geht das FancyBox PlugIn nicht mehr richtig.

Die Direkteinbindung von SlimBox2 klappt leider nicht so recht, da ich nicht ganz verstehe wo ich das "rel=xxxx" eintragen muss.

Hoffe Du kannst helfen.

Gruß, Harald

[Psychosopher]

Das Attribut rel gehört in den Tag <a href=...>:

Add the rel="lightbox" attribute to the links pointing to your full-sized images. Use the optional title attribute if you want to show a caption:

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

You can even use HTML in the caption if you want. You must replace the < and > characters with HTML entities and use single quotes instead of double quotes.

For sets of related images that you want to group and make navigable, add a group name to the rel attribute just after the “lightbox” word, for example:

<a href="images/image-1.jpg" rel="lightbox-cats">image #1</a>
<a href="images/image-2.jpg" rel="lightbox-cats">image #2</a>
<a href="images/image-3.jpg" rel="lightbox-cats">image #3</a>

I don’t recommend using square brackets “[ ]” around group names in the rel attribute like the original Lightbox script does because these characters are invalid for XHTML and XML attributes, meaning that your web page would not validate against the latest standards.

Vgl. http://www.digitalia.be/software/slimbox2.

Edi