Page 1 of 1

Habe BBCode Image Reziser und Highslide gebastelt

Posted: 6. May 2009 19:46
by derkubi
Hallo

Es gibt verschiedene BBCodes um z.B. ein Bild zu verkleinern ( thumb ) oder mit Highslide anzeigen zulassen
( hsimg , Highslide-Mod wird benötigt ). Ich habe daraus mal einen kompakten BBCode gebsatelt :

BBCode

Code: Select all

[images={NUMBER1}x{NUMBER2},{TEXT}]{URL}[/images]
HTML Replacement

Code: Select all

<a href="{URL}" class="highslide" onclick="return hs.expand(this)"><img src="{URL}" style="border: #000000 solid 8px" width="{NUMBER1}" height="{NUMBER2}" alt="Bild verkleinert - Klick für größere Anzeige" title="{TEXT} - Bild verkleinert - Klick für größere Anzeige" /></a><div class="highslide-heading" style="text-align: center">{TEXT}</div>
Anwendung

Code: Select all

[images=WIDTHxHIGHT,Bildtext]Bild-URL[/images]
Beispiel

Code: Select all

[images=240x180,Nettes Bild]http://www.meineseite.de/bilder/nettesbild.jpg[/images]
Was kann man damit nun anfangen :

Man kann ein Bild verlinken , es hat einen schwarzen Rahmen , Man kann ihm einen Mouseover-Text zuweisen , nach Klick öffnet es sich mit dem Highslide-Mod . Stellt man mehrere BBcodes in eine Reihe , werden auch die Bilder nebeneinander angezeigt , dabei kann natürlich jedes Bild seine eigene Größe haben und die Slideshow-Funktion geht auch .

Möchte man , daß der Bildtext von Attachments Bildern im Highslide-Popup angezeigt wird , mache man folgendes :

Öffne attachment.html

finde :

Code: Select all

<div class="highslide-heading"></div>
ersetze mit :

Code: Select all

 <div class="highslide-heading" style="text-align: center">{_file.COMMENT}</div>
Demo : http://www.de-wangeroogers.de/viewtopic ... =7&start=0