Navigation


Suche



Nichts gefunden?
Suche mit erweiterten Optionen.

Anzeigen



Werbung

Kfz Ersatzteile
CMS Software Preise
Datenrettung
SEO Beratung
Baufinanzierung

Lightbox in den News

Sonntag, 25. März 2007, 6 Kommentare

geschrieben von
CMS Anleitungen :

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

 

Mister Wong iconTechnorati iconDigg icondel.icio.us iconma.gnolia iconFurl iconNewsvine iconReddit iconYahoo MyWeb iconBlinkbits iconGoogle iconSimpy iconBlogmarks icon

Kommentare

Nur angemeldete Benutzer dürfen Kommentare verfassen.

Zur Registrierung/Anmeldung

... 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

Code

case 'thumbnailPopup':
      html = "<a href=\"javascript:popupMediaViewer('" + displayItemUrl + "')\">"
             + "<img src=\"" + thumbnailUrl + "\"/></a>";
durch

Code

case 'thumbnailPopup':
      html = "<a href=\"" + originalUrl + "\" rel=\"lightbox\">" 
             + "<img src=\"" + thumbnailUrl + "\"/></a>";
DaleBCooper am 25.03.2007 um 17:27 Uhr
 

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.

EoltheDarkelf am 26.03.2007 um 12:47 Uhr

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 icon_smile .

Landseer am 26.03.2007 um 14:00 Uhr
 

@DaleBCooper

Klasse Script!! Ich hab's mal in meine Seite eingebaut. Es ist wirklich der Hammer.

rigo am 26.03.2007 um 17:49 Uhr

highslide

EoltheDarkelf

Danke für den Link. Das Teil ist "oberhammeraffengeil" Zwar um einiges schwerer einzubauen, aber eben gut

JimKnopf am 26.03.2007 um 18:28 Uhr
 

highslide

auch von mir ein großes DANKE!!!

wenn's nur nicht vom Safehtml-Filter geschluckt werden würde.

Guckst Du hier

kenobi am 27.03.2007 um 11:07 Uhr