Habe BBCode Image Reziser und Highslide gebastelt

[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