Lightbox einfügen- einfachste Methode?

[anz]

Ich habe grosse Probleme mit der Integration der Lightbox. Es gibt mittlerweilen so viele Möglichkeiten, dass ich nicht mehr weiss, was denn nun die einfachste Lösung ist.

Ich habe die Foldergalerie mit jquery Lightbox im Einsatz. Nun möchte ich einfach, dass normale Bilder auch (wenn möglich mit dem gleichen Effekt) vergrössert werden. Wenn ich unter den Bildeigenschaften unter Relationtyp Lightbox aktiviere  funktioniert es aber nicht, wieso nicht? was muss man hier noch machen, damit die Relationstypen funktionieren?

Ich habe es dann mit LibraryAdmin / lib_juery versucht (das wird immer komplizierter!) und leider hat auch das nicht funktioniert.

Von mir aus kann auch alles mit colorbox gemacht werden, aber ich möchte dafür nicht Stunden investieren bis alle läuft.

Also nochmals meine Frage, welches ist die einfachste Möglichkeit Lightbox bei normalen BIldern zu integrieren?
Danke schon jetzt für eure Antworten! 

[dbs]

Ich habe es dann mit LibraryAdmin / lib_juery versucht (das wird immer komplizierter!) und leider hat auch das nicht funktioniert.

einarbeiten musst du dich erstmal, danach gehts schneller.
habe hier eine beispiel-anleitung für jqueryadmin. die kannst du sicher für libraryadmin ummünzen.
LINK

wenn das funktioniert brauchst du in der foldergallery auch nur noch die colorbox auswählen statt der lightbox.

[jacobi22]

Ich persönlich halte es so, das ich die erforderlichen Scripte bereits in meine Templatedatei einbinde. Hintergrund ist, das ich auf diversen Einzelseiten auch mal das eine oder andere Bild habe, das anklickbar ist. Im Normalfall würde ja erst bei einer Seite mit einer Foldergalerie das Zeugs geladen.
Ich gehe mal davon aus, das das jetzt auch dein Problem ist. Zumindest verstehe ich dein Posting so, das deine FG funktioniert, es aber auf anderen Seiten nicht geht.

Wenn das so ist, schaue in den Ordner modules/foldergallery/templates in die Datei view_jqueryLightbox .htt (das sollte die sein, die du benutzt - für andere Effekte mußt du dann ein anderes Template von Foldergallery öffnen)
In dieser Datei steht oben zwischen
<!-- Jquery Lightbox-->
und
<!-- END Jquery Lightbox -->
Code, den du ausschneidest und in den Head deiner Template index.php kopierst. Dann steht dir lightbox überall zur Verfügung und du benötigst bei den Bildern nur noch den rel-Zusatz

[dbs]

ui, jo, das klingt am einfachsten.

[anz]

danke schon mal für die antworten.

der ansatz von jacobi22 finde ich sehr gut. ich habe es versucht, leider hat es aber noch nicht geklappt.

habe den code im template (index.php) in den head kopiert:

<link rel="stylesheet" href="{WB_URL}/modules/foldergallery/scripts/jqlightbox/css/jquery.lightbox-0.5.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" src="{WB_URL}/modules/foldergallery/scripts/jqlightbox/js/jquery.lightbox-0.5.pack.js"></script>

<script type="text/javascript">
$(function() {
   $('#lightbox a').lightBox({
   imageLoading: '{WB_URL}/modules/foldergallery/scripts/jqlightbox/images/lightbox-ico-loading.gif',
   imageBtnClose: '{WB_URL}/modules/foldergallery/scripts/jqlightbox/images/lightbox-btn-close.gif',
   imageBtnPrev: '{WB_URL}/modules/foldergallery/scripts/jqlightbox/images/lightbox-btn-prev.gif',
   imageBtnNext: '{WB_URL}/modules/foldergallery/scripts/jqlightbox/images/lightbox-btn-next.gif',
   imageBlank:   '{WB_URL}/modules/foldergallery/scripts/jqlightbox/images/lightbox-blank.gif',
   txtImage: 'Bild',
   txtOf: 'von'
   });
});
</script>

dann im quellcode dem bild folgenden code eingefügt:

rel="prettyPhoto[gallery]"

habe ich noch was vergessen oder falsch gemacht?

mit jqueryadmin muss ich mich nochmals intensiv beschäftigen.

merci! 

[jacobi22]

getestet und sorry, war mein Fehler... 

bezeichneter Code aus der htt-Datei stammt aus dem Template und nutzt dort Platzhalter für die WB_URL.(diese hier:  {WB_URL}
das funktioniert natürlich nicht

Richtig wäre es so

Code:

<!-- Jquery Lightbox-->
<link rel="stylesheet" href="<?php echo WB_URL; ?>/modules/foldergallery/scripts/jqlightbox/css/jquery.lightbox-0.5.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" src="<?php echo WB_URL; ?>/modules/foldergallery/scripts/jqlightbox/js/jquery.lightbox-0.5.pack.js"></script>

<script type="text/javascript">
$(function() {
   $('#lightbox a').lightBox({
        imageLoading: '<?php echo WB_URL; ?>/modules/foldergallery/scripts/jqlightbox/images/lightbox-ico-loading.gif',
        imageBtnClose: '<?php echo WB_URL; ?>/modules/foldergallery/scripts/jqlightbox/images/lightbox-btn-close.gif',
        imageBtnPrev: '<?php echo WB_URL; ?>/modules/foldergallery/scripts/jqlightbox/images/lightbox-btn-prev.gif',
        imageBtnNext: '<?php echo WB_URL; ?>/modules/foldergallery/scripts/jqlightbox/images/lightbox-btn-next.gif',
        imageBlank:        '<?php echo WB_URL; ?>/modules/foldergallery/scripts/jqlightbox/images/lightbox-blank.gif',
        txtImage: 'Bild',
        txtOf: 'von'
   });
});
</script>

Problem an dieser Geschichte ist, das du das Bild nur mit diesem lightbox-Script öffnen kannst, wenn du es in einem Block mit der id="lightbox" setzt. also z.b. so
(aus dem Quellcode meiner Seite)

Code:

<p id="lightbox"><a href="http://cms/CMS_WB/wb_ferienhaus2/media/actors/brede/vita_bild1_1301352098.jpg" rel="prettyPhoto[gallery]"><img alt="" src="http://cms/CMS_WB/wb_...../vita_bild1_1248475976.jpg" style="width: 144px; height: 200px;" /></a>

Innerhalb eines solchen Blocks könnten es natürlich jede Menge Bilder sein)
Um valide zu bleiben, bedeutet das, das du diese ID jeweils nur einmal pro Seite nutzen darfst. Man könnte natürlich dem body-Tag diese ID zuweisen
<body id="lightbox">
aber dann kommt das Problem, wenn nachher die Folgergallery auf einer Seite läuft, diese nutzt die ID nämlich auch.

Hatte immer meine Problemchen mit Lightbox und genau aus diesem Grund nutze ich eben Shadowbox. Damit kann ich Bilder, Bildergallerien, Filme oder auch PDFs mit diesem Lightbox-Effekt versehen. Hier ein Bildbeispiel von der Seite meiner Freundin. Schau da aber nicht in den Quelltext bezüglich der Einbindung oder der Scripts. Heute geht das einfacher. Habe das auch als Template für die Foldergalerie eingerichtet, ist aber noch nicht online. Bei Bedarf sende ich dir da eine Anleitung und die Dateien zu

[anz]

ich habe es jetzt so gemacht, dass ich um den content ein div mit id=lightbox eingefügt habe. dann für die seiten der foldergallery ein separates Template erstellt, dort wird der code dann einfach nicht geladen. so funktioniert es, mit dieser lösung kann ich leben - vielen dank jacobi22!!

trotzdem bin ich noch offen für einfachere lösungen! 

jqueryadmin habe ich vor einigen monaten öfters eingesetzt, ich fand es sehr einfach aber mit libraryadmin habe ich meine mühe, ich finde auch keine einfache anleitung und es ist nich klar, was es alles dazu benötigt. man muss ja noch andere erweiterungen installieren, oder? jqueryadmin sollte man nicht mehr einsetzen oder?

danke im voraus für eure antworten! 

[dbs]

jqueryadmin sollte man nicht mehr einsetzen oder?

ja die lieben entwickler machen es gern kompliziert damit sie es einfacher haben. *g*
jqueryadmin war eine all-in-one-lösung die nun nicht mehr weitergepflegt wird, d.h. die jquery-version ist nicht aktuell und verbesserungen gibt es nicht  oder fehler werden nicht bearbeitet.

libraryadmin braucht 3 dinge: modul libraryadmin, modul wblib und modul lib_jquery.
alles drei muss man sich zusammensuchen und hat vielleicht sogar das aktuellste dabei.
danach kann man die plugins benutzen die auch für jqueryadmin funktionierten.

[jacobi22]

ich glaube, ich da zu *piiiiiieeeep* und für beide Programme (libraryadmin und jqueryadmin) ungeeignet 

[dbs]

ein anderer einfacher weg, imagetweak:
http://www.websitebaker2.org/forum/index.php/topic,20844.msg141035.html#msg141035

[BlackBird]

jqueryadmin sollte man nicht mehr einsetzen oder?

ja die lieben entwickler machen es gern kompliziert damit sie es einfacher haben. *g*

Interessantes Statement.

Die Leute wollten es modularer haben, _noch_ mehr Möglichkeiten. Nachdem sie festgestellt hatten, wie bequem man sich mit jQueryAdmin genau die Plugins zusammenklickern kann, die man gerade braucht, kamen immer häufiger Fragen wie "Geht das vielleicht auch mit XXX?" (CSS, Meta-Tags, Nicht-jQuery-Plugins, ...) Natürlich hätte ich alles in ein Modul stopfen können, aber da wäre dann auch gleich wieder das Gejammer losgegangen: "Ich will aber doch gar nicht mooTools, warum muß ich das jetzt mit installieren?" Irgendwie kann man es den Benutzern ja nie recht machen.

Jetzt installiert man sich genau das, was man braucht - nicht mehr und nicht weniger. Daß LibraryAdmin eine Bibliothek (wblib) voraussetzt - das tun viele Module. Ich finde es auch viel sinnvoller, wenn man das Zeug, das man sowieso immer wieder braucht, in eine Lib packt, als jedes Mal wieder in das jeweilige Modul zu stopfen. Ich jedenfalls wende meine Zeit lieber für die Entwicklung neuer Module auf, als für das Beheben ein und desselben Fehlers in 25 Modulen, bloß weil die alle aus einem Array eine verschachtelte Liste generieren oder ähnliches. So hat wblib etwa einen Formular-Validator, der die Benutzereingaben auf Validität prüft (etwas, das WB schon lange fehlt), eine bessere Template Engine als das unsägliche phplib-Zeugs, eine deutlich bessere Methode, mit Sprachstrings umzugehen... Warum soll ich als Entwickler auf all diese Goodies verzichten, nur damit Ihr Benutzer ein Modul weniger zu installieren braucht?

Wer ein bequemes Klicki-Klacki-Interface und ein üppiges Angebot fertig vorbereiteter und geprüfter Erweiterungen möchte, wird sicherlich kein Problem darin sehen, dafür mehrere Module zu installieren. (Zumal die Doku vorhanden ist, man muß halt nur die Augen aufmachen.) WB besteht ja auch nicht nur aus einem einzigen Download, wenn man einen vernünftigen Installationsumfang haben möchte. Alle anderen können ja gerne weiterhin in ihren Templates rumpfriemeln. Das kann jeder halten, wie er will. Ein Angebot ist dazu da, daß man es annimmt, oder eben nicht. Wer es nicht will, der läßt es eben. Deswegen muß man noch lange nicht darüber meckern, daß es da ist. Ich mecker ja auch nicht permanent rum, daß Porsche überflüssiger Mist ist, bloß weil ich keinen fahre und die Kisten häßlich finde. 

[dbs]

Irgendwie kann man es den Benutzern ja nie recht machen.

Versuchen kann man es, ob es gewürdigt wird ist eine andere Frage. Ich hoffe ein Zwinkersmilie war nicht nötig bei meinem "Statement".

Recht haben aber beide Seiten. Wäre so eine Lib im Core, dann bräuchte man schonmal ein Modul weniger installieren/deinstallieren. Wahrscheinlich dachte ich dabei auch an Ralfs Module.

Allerdings ist es nicht einfach deine aktuellsten Versionen zu bekommen. Auf LA 1.11 wurde ich zufällig aufmerksam. WBlib ist in Version 0.61 auf deiner Seite und in Version 0.63 auf Github (oder umgekehrt) zu finden, dabei benutze ich Version 0.7 und weiß nicht woher ich sie hatte.

Meckern gehört wohl dazu, wenn es einem zu gut geht.
Das ändert nichts daran, dass ich LA liebe, einsetze und weiterempfehle. 

[marmot]

Hi,

Irgendwie kann man es den Benutzern ja nie recht machen.

Versuchen kann man es, ob es gewürdigt wird ist eine andere Frage. Ich hoffe ein Zwinkersmilie war nicht nötig bei meinem "Statement".

Da kann ich mir den Link hier nicht verkneifen (ist zwar ein anderes CMS aber ich hoffe man wird es mir nachsehen): http://www.cmsmadesimple.de/dokumentation/eigene-erweiterungen-fuer-cmsms-programmieren/einfuehrung.html

grüße

[dbs]

  s***, ich mecker nie wieder...

[anz]

ich bin absolut bereit zeit in libraryadmin zu investieren, weil ich war von jqueryadmin sehr begeistert. ich fand aber schon bei jqueryadmin, dass es dazu keine gute doku gab.. ich habe mir deshalb selber eine kurzanleitung zusammengestellt. leider jezt vergebend, da ich es nicht mehr einsetzen kann.

nun meine frage, gibt es eine einfache/verständliche doku zu libraryadmin? wenn ja wo? ich habe schon diverse infos dazu gefunden, aber eine übersichtliche schritt für schritt anleitung fand ich nicht.

imagetweak schau ich mir gerne an.

danke euch allen für die antworten!

[anz]

oooops sorry! habe eben diese anleitung entdeckt und muss sagen, dass ich damit ziemlich gut klar komme:
http://www.webing.de/webbird/Websitebaker/LibraryAdminVerwendung

die anleitung ist echt einfach und gut... sorry, hätte ich wohl doch etwas mehr zeit investieren sollen und nicht gleich einfach installieren und ausprobieren... 

was ich jetzt noch nicht ganz verstehen, wann muss ich ein presetunter LibrayAdmin machen und wann unter jQuery?

liebe grüsse
andrea

[dbs]

schön, wenn du der sache näher kommst. im zweiten post findest du auch einen link der helfen könnte.

willst du ein jquery-plugin benutzen machst du ein preset in jquery.

[BlackBird]

Allerdings ist es nicht einfach deine aktuellsten Versionen zu bekommen. Auf LA 1.11 wurde ich zufällig aufmerksam. WBlib ist in Version 0.61 auf deiner Seite und in Version 0.63 auf Github (oder umgekehrt) zu finden, dabei benutze ich Version 0.7 und weiß nicht woher ich sie hatte.

Unsinn. Auf GitHub ist immer die aktuellste Version, das ist derzeit 0.72.

Die LA-Versionen 1.10 und 1.11 beinhalten lediglich Anpassungen für das-CMS-das-hier-nicht-genannt-werden-darf, daher gab es keinen Grund für große Announcements.

[BlackBird]

was ich jetzt noch nicht ganz verstehen, wann muss ich ein presetunter LibrayAdmin machen und wann unter jQuery?

Ist doch ganz einfach: Da, wo die Komponenten aufgelistet werden, die Du nutzen willst, klickerst Du Dir Dein Preset zusammen. Anders wär schwierig, oder?  

Übrigens verlinkt sowohl die Download-Seite auf AMASP als auch die im jQuery- (bzw. korrekter LibraryAdmin-)Showroom auf die Doku. Hier im Forum darf ich sie leider nicht verlinken, weil meine HP "kommerziell" ist. (Darüber kann man sicherlich streiten, da ich 99% meiner Leistungen für lau anbiete, aber es reicht ja, irgendwo mal einen Preis für irgendwas zu nennen, um als "kommerziell" zu gelten. Und Links auf kommerzielle Seiten sind laut Forenstatuten hier nicht erlaubt.)

Edit: "...aber es reicht ja, irgendwo mal einen Preis für irgendwas zu nennen, um als "kommerziell" zu gelten"
Um Flames vorzubeugen: Das meinte ich allgemein, auf Deutschland bezogen.

[dbs]

Unsinn. Auf GitHub ist immer die aktuellste Version, das ist derzeit 0.72.

das ist nicht richtig, aber offtopic...

[anz]

ich bin begeistert, habe jetzt für mich die perfekt lösung gefunden. habe das colorbox plugin installiert, welches ich auch in der foldergallery benutzen kann. somit habe ich überall den gleichen effekt bei der bildvergrösserung und untern den bildeigentschaften muss ich oder der kunde unter "stylesheet klasse" nur noch "colorbox" eintragen, ohne im code was zu ändern. 

super!! vielen dank!!

[BlackBird]

Unsinn. Auf GitHub ist immer die aktuellste Version, das ist derzeit 0.72.

das ist nicht richtig, aber offtopic...

Stimmt, die aktuellste Version ist 0.71, mea culpa. GitHub ist die EINZIGE Downloadquelle für die wblib, daher kannst Du sicher sein, daß Du dort - und nur dort - die aktuellste Version bekommst. Es sei denn, ich habe Dir mal einen Entwicklungs-Vorab-Snapshot zukommen lassen. Das steht hier aber nicht zur Debatte.