Thema: tsThumb - Thumbnail Plugin

Hallo,

ich möchte mein Plugin "tsThumb" vorstellen.
Im Prinzip geht es darum, die Eigenschaften der Thumbnails (Höhe,Breite,Rahmen...) mit einer Skriptsprache(Typoscript) festzulegen, und diese anschließend mit phpThumb oder Imagemagick rendern zu lassen.

Zum Funktionsablauf:
Wenn das Plugin aktiviert ist, durchsucht es den Artikelinhalt mithilfe eines regulären Ausdruckes nach IMG-Tags. Die gefundenen IMG-Tags werden dann zerlegt und in ein File-Array gespeichert. Hier ein Beispiel.



Anschließend werden alle die gefundenen IMG-Tags im Artikel durch Marker ersetzt.
###TSTHUMB0### , ###TSTHUMB1### ...usw

Danach werden die Bilder mithilfe der Typoscript konfiguration neu generiert.
Läuft im Prinzip so ab, das man anhand der gefundenen Informationen vom File-Array sich ein neues Thumbnail zusammenstellen kann.


Hier ein Beispiel für eine ganz einfache Konfiguration.
Diese Konfiguration rechnet die Bilder in die im IMG-Tag vorgegebene Größe runter, und verlinkt das Bild mit der Modalbox auf das Originalbild.

Code:

content {

	### Load Files from current Article 
	### Also load the Image Source Informations (width, height , ... )
	files=FILELIST
	files.getFrom=article:current
	files.loadSource=1
	
	img=IMAGE
	img {
			src=PHPTHUMB
			src {
				# Load Filepath from FILES Array
				# _current is the link to the Current Processed Image
				file.data=_current:file
		
				# Apply the Dimensions from original Tag
				w.data=attribs:width
				h.data=attribs:height
			
				stdWrap {
					# Link Images with Modal Box
					linkwrap.href.data=_current:file
					linkwrap.attribs.class=modal
				}
			}
		}
}

Die Konfiguration wird bei jedem Bild neu durchlaufen/geparsed, dadurch lassen sich auch Bedingungen realisieren.
Gerade die Bedingungen machen das ganze extrem flexibel. So ist es zum Beispiel möglich für nicht eingeloggte Benutzer Watermarks in die Bilder einzubauen, oder in Abhängigkeit von Uhrzeit, Browser .... die Bilder unterschiedlich anzeigen zu lassen.


In diesem Beispiel werden bei allen nicht eingeloggten Benutzern, ein Watermark unten rechts eingebaut.

Code:

[my:id<=0]
	content.img.src.fltr.wmi=images/watermark.png|BR
[GLOBAL]

Bei diesem Beispiel werden alle Bilder unverändert übernommen, die kleiner als 30 Pixel sind.

Code:

# Skip Images with dimensions smaller than 30 Pixel
# Usally Bullets, Arrows ...
[source:width<30] OR [source:height<30]
	content.img.skip=1
[GLOBAL]

Wie ihr seht, ist das ganze schon ziemlich umfangreich. Aber trotzdem ist das ganze ziemlich einfach zu benutzen.
- Plugin installieren
- Plugin aktivieren
- läuft ( mit einem DefaultTemplate )

Zusammenfassend lässt sich sagen, das das Plugin für fast alle Anwendungen geeignet ist. Von ganz einfachen Thumbnails bis zur komplexen "Bildbearbeitung" mit Imagemagick.

!!! Benutzt dieses Plugin nicht auf Produktiven Seiten !!!
Dieses Plugin ist noch eine Beta Version.

Wer interessiert ist, kann sich das plugin downloaden und ausprobieren.
Bitte um Feedback (Meinung,Fragen,...)

Desweiteren suche ich Leute die etwas mithelfen.
Fehlerbeheben, neue Features implementieren, Dokumentation und Konfigurationstemplates schreiben...usw...



Hier noch ein paar Impressionen
Im Adminpanel werden alle Einstellungen vorgenommen.
(draufklicken für große Ansicht)




Eine Seite in der Debugging Ansicht
(draufklicken für große Ansicht)




Objekt Referenz