Anmeldung
Forum
- 06. Jan | pnForum alles verschoben
- 05. Jan | Scribite 3.0 und Photo...
- 05. Jan | Mailer 1.2 sendet nich...
- 05. Jan | Hilfe! Das Handbuch sc...
- 05. Jan | test auf support.zikul...
- 05. Jan | Forum Problemchen
- 05. Jan | Downloads 2.2 + rating...
News
Lightbox in den News
Wer stand nicht schonmal vor dem Problem das man eine News schreiben wollte und ein Bild hatte was zu groß für den News Artikel war und als Thumbnail wieder zu klein ?
Die Lösung für dieses Problem ist Lightbox........
Durch Web 2.0 entstanden einige Ajax Scripte wie Lightbox.Man kann auch Lightbox in den News benutzen damit man z.B. große
Bilder auch in den News unterbringen kann.
Ich habe dazu ein kleines Tutorial verfasst wie man Lightbox in den News einbauen kann.
Dieses Tutorial findet Ihr hier:Lightbox in den News
oder als PDF hier:Lightbox News Tutorial
Dann viel Spass beim einbauen
euer
Charlie
Kommentare
... man kann diese Lösung auch sehr schön auf Pagesetter und Mediashare ausweiten. Die Links zu den Bildern in Mediashare kann man über das entsprechende Template der Paste-Plugins anpassen.
Schön wäre es natürlich, wenn man die Liste der Optionen (Thumbnail, Original, Thumbnail mit Popup) um einen Eintrag Lightbox erweitern könnte. Dafür fehlen mir die Programmierfähigkeiten.
Man kann aber sehr einfach eine bestehende Auswahloption umwidmen.
Man ersetzt einfach in der mediashare_pasteutility.html den Part ab Zeile 19
durch
Schön wäre es natürlich, wenn man die Liste der Optionen (Thumbnail, Original, Thumbnail mit Popup) um einen Eintrag Lightbox erweitern könnte. Dafür fehlen mir die Programmierfähigkeiten.
Man kann aber sehr einfach eine bestehende Auswahloption umwidmen.
Man ersetzt einfach in der mediashare_pasteutility.html den Part ab Zeile 19
Code
case 'thumbnailPopup':
html = "<a href=\"javascript:popupMediaViewer('" + displayItemUrl + "')\">"
+ "<img src=\"" + thumbnailUrl + "\"/></a>";
html = "<a href=\"javascript:popupMediaViewer('" + displayItemUrl + "')\">"
+ "<img src=\"" + thumbnailUrl + "\"/></a>";
durch
Code
case 'thumbnailPopup':
html = "<a href=\"" + originalUrl + "\" rel=\"lightbox\">"
+ "<img src=\"" + thumbnailUrl + "\"/></a>";
html = "<a href=\"" + originalUrl + "\" rel=\"lightbox\">"
+ "<img src=\"" + thumbnailUrl + "\"/></a>";
Nette Sache, auch wenn ich persönlich Highslide (http://vikjavev.no/highslide/) bevorzuge: benötigt keine Script-Library und kommt mir schneller vor. (aber sowas ist natürlich immer subjektiv).
Mit Ajax (Asynchronous JavaScript and XML) hat jedoch beides nichts zu tun, weil es keine serverseitige Komponente gibt. Selbst wenn man das Nachladen des Bildes als ausreichend für das "Asynchronous" betrachtet, fehlt immer noch das XML. (kein XMLHttpRequest). Es ist schlicht und einfach ein Javascript, das auch ohne "Web 2.0" funktioniert.
Mit Ajax (Asynchronous JavaScript and XML) hat jedoch beides nichts zu tun, weil es keine serverseitige Komponente gibt. Selbst wenn man das Nachladen des Bildes als ausreichend für das "Asynchronous" betrachtet, fehlt immer noch das XML. (kein XMLHttpRequest). Es ist schlicht und einfach ein Javascript, das auch ohne "Web 2.0" funktioniert.
Natürlich hast Du Recht....
..aber leider werden solche netten Hacks immer wieder in die Ajax-Schublade geworfen. Läuft ja mit Prototype und das ist ja bekanntermaßen auch eine Ajax-Library
.
..aber leider werden solche netten Hacks immer wieder in die Ajax-Schublade geworfen. Läuft ja mit Prototype und das ist ja bekanntermaßen auch eine Ajax-Library
.
@DaleBCooper
Klasse Script!! Ich hab's mal in meine Seite eingebaut. Es ist wirklich der Hammer.
Klasse Script!! Ich hab's mal in meine Seite eingebaut. Es ist wirklich der Hammer.
highslide
EoltheDarkelf
Danke für den Link. Das Teil ist "oberhammeraffengeil" Zwar um einiges schwerer einzubauen, aber eben gut
EoltheDarkelf
Danke für den Link. Das Teil ist "oberhammeraffengeil" Zwar um einiges schwerer einzubauen, aber eben gut
Nur angemeldete Benutzer dürfen Kommentare verfassen. Zur Registrierung/Anmeldung
Kommentare