Schicke Bilder-Slideshow
Autor: Alex
Ike Bowen hat gerade ein Plugin für eine Bilder Slideshow für TXP veröffentlicht. Eine Demosite und weitere Infos gibt es auf der Seite ikebowen.com. Die Slideshow basiert auf Javascript und besteht derzeit aus nur einem Tag. ist also einfach einzubauen. Das Plugin eignet sich sicher für Produktansichten – aber auch für die kleine eigene Webseite auf der man ein paar persönliche Fotos zeigen möchte.
Schnellerer Bilderupload für Textpattern
Autor: Alex
Im Laborblog der Mainzer Kommunikationsagentur 3st findet sich ein Plugin, dass den Bilderupload und Einsatz in das Inputfeld für Artikel weitaus vereinfacht. Wie Gerrit van Aaken richtig schreibt, sollte das eigentlich zum TXP Standard gehören. Das Plugin ist gerade mal nun Version 0.3. Es funktioniert ganz einfach – im Firefox. In Opera sieht man den Uploadframe nicht. Zudem wird derzeit noch kein alt Attribut mit übergeben bzw. man kann auch keines angeben. Das ist ein echter Nachteil. Aber vielleicht wird das ja noch. Wurde inzwischen eingebaut. Danke!
Okay, das Plugin funktioniert wie folgt: man installiert das Plugin und schaltet es ein. Dann findet man in TXP´s Backend, unterhalb des Artiekleingabefeldes, einen Uploadbutton sowie ein Feld. Man lädt das entsprechende Bild hoch und bekommt dann automatisch die Textile Verlinkung zum Bild. Die kopiert man in das Artikeleingabefeld. Deadeasy.
Es wäre doch zu schön, wenn das Plugin weiterentwickelt würde. Denn es ist exakt das was man braucht, wenn man schnell bloggen möchte.
Link zum Laborblog /Plugin
Bilderserien per Plugin hochladen (fpx_imag_import)
Autor: Alex
Wenn man wirklich viele Bilder mit TXP hochladen möchte, z. B. für eine Bildergalerie, dann ist der Aufwand über TXP ziemlich hoch, da es nur einen Einzelbildupload gibt. Mittels eines Plugins kann man aber auch schnell ganze Bilderserien hochladen. Das Plugin hieß ehemals aba_image_import, wurde dann von Dirk Steins weiterentwickelt und heißt jetzt fpx_image-import.
Mehr zum fpx_image_import Plugin im TXP Forum sowie auf Dirks Seite.
Bevor Dirk das Plugin um ein Backend erweitert hat, funktioniert es wie unten beschrieben. Alzuviel sollte sich nicht geändert haben.
Was macht(e) das Plugin:
- Es erstellt einen neuen Ordner im Bilderverzeichnis names import, sofern dieser nicht schon vorhanden ist.
- Es importiert alle Bilder, die in diesen Ordner via ftp hochgeladen werden in die Textpattern-Datenbank.
- Wenn gewünscht werden Thumbnails erzeugt. Die Größe, Beachtung der Seitenverhältnisse sowie das Einfügen einer kleinen Lupe kann definiert werden.
- Wenn gewünscht, wird das Bild in der Größe verändert. Auch hier können Größe und Beachtung des Seitenverhätnisses definiert werden.
- Wenn gewünscht werden die Kommentardaten aus dem EXIF- bzw. IPTC-Header in die Textpattern-Caption übernommen.
#. Wenn gewünscht wird der Dateiname abzüglich der Erweiterung als alt-Text übernommen (Beispiel: aus “Meine_Reise_ans_Meer.jpg” wird “Meine Reise ans Meer”).
Wie benutze ich das Skript:
- Das Plugin herunterladen und über den Adminbereich von Textpattern installieren.
- Erstelle den Ordner import im Bilderverzeichnis (chmod 777) oder öffne die Bilderseite in der Rubrik Inhalt, dann wird der Ordner automatisch erstellt.
- Lade Bilder via ftp in diesen Ordner.
- Wenn Du die Bilder in eine bestimmte Bildkategorie hochladen möchtest, erstelle einen weiteren Ordner in
importmit dem Namen der entsprechenden Kategorie und lade die Bilder dort hinein. Gibt es die Kategorie bereits, werden die Bilder dieser zugewiesen, gibt es die Kategorie noch nicht, wird zuerst die neue Kategorie erstellt. - Öffne den Bildertab in der Rubrik Inhalt: abrakadabra die Bilder sollten nun in der Liste erscheinen.
Sollten die Bilder nicht beim ersten Aufrufen der Seite angezeigt werden, einfach nochmal die Seite aktualisieren.
Albengallerie mit dem bos_image_display Plugin
Autor: Alex
Das bos_image_display Plugin von Maurizio Boscarol ist ein sehr umfangreiches Plugin, mit dem sich mehrere Fotogallerien (in Alben) umsetzen lassen.
Anders als z. B. mit dem wet_article_thumb Plugin werden hier die Bilder nicht in einem Artikel bzw. als Artikel gespeichert sondern über ihre Kategorien gefiltert. Das Plugin besteht aus 6 Tags:
<txp:bos_image_display /><txp:bos_image_index /><txp:bos_image_category /><txp:bos_imgnext /><txp:bos_imgprev /><txp:bos_subcat_image_index />
denen man Unmengen von Attributen zuordnen kann. So ist es
... weiter lesenGallery mit wet_article_thumb
Autor: Alex
Christian Sandberg war so freunlich mir den Code seiner Photoblog Sektion sowie dem dazugehörigen Archiv zu senden, die er mit dem wet_article_thumb Plugin realisiert hat.
Hier erstmal der Code und dann ein paar erklärende Sätze:
photoblog_page
... weiter lesen
<txp:article form="photoblog_form" limit=1 />
<txp:if_article_list>
<txp:article form="photo_list" limit=7 />
</txp:if_article_list>
Zusammenfassung der Gallerieplugins
Autor: Alex
Update 23.04.06
Weitere Plugins wurden hinzugefügt und eine Liste externer Gallery Skripte angehängt.
Derzeit gibt es einige neue und hilfreiche Plugins um Bildergallerien in TXP einzubauen. Hier ist eine tabellarische Übersicht über die derzeitigen (April 2006) Möglichkeiten:
| Galleryplugin | Tec note | Sample gallery |
| bos_image_display | Out of the box you can use it as a way to have image gallery by category, displayed where you want, without to deal with articles and/or article images. Just organize your images in category (even nested, for which you may find useful the bos_if_cat_parent plugin, build together to this one) | zanzareazanzibar.it artvalley.com kraplak.nl |
| beb_jmrgalleryhack | Essentially, it’s the basics of jmr_gallery, a simple article/category associated slideshow, uses Javascript | sample gallery |
| rss_thumbpop | Generates a thumbnail gallery using a table or floated divs Allows all categories, multiple categories or use of the global category Thumbnails are hyperlinked and shown in a popup of the full size image only and shown in a popup page with the full size image and caption and the full size image is shown on the same page after a reload and the full size image is shown on the same page using javascript with no reloa | mattiasskoog.se |
| bas_lightbox | This plugin brings the Lightbox JS by Lokesh Dhakar to textpattern. Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. | sibren.org Jusos Wuppertal (Gallery is modified) |
| wet_article_thumb | wet_article_thumb displays the thumbnail which belongs to an article’s image with an optional link to the article. Infos in Deutsch hier | Portfolio of gatostyle.com csandberg.se |
| wet_thumbfilter | wet_thumbfilter displays the thumbnails for articles’ images meeting various filter criteria with an optional link to the articles. | sample gallery |
| vdh_flickr | shows flickr images in textpattern | Demo site by the author |
| Albumpattern | allows creation of albums and uploading of images into the albums, automated thumbnail creation, image comments and more, development stopped | sample gallery djstuartking.com |
| hak_article_image | supports multiple images per article, also supports 2 extra attributes: poplink: when used with hak_article_thumb it will create a link to a popup window with the full size image offset: allows you to start displaying x number of images in the article_image list. Useful if using multiple tags on one page. | web9design.com |
| prad_image_index | prad_image_index is a hacked version of the Textpattern function image_index merged with rss_thumbpop of Rob Sable to have popup windows of images category, sehr schönes Plugin! | sample gallery |
Weitere Informationen im Forum
Externe Galleriescripte:
wet_thumbfilter: Thumbnails filtern und darüber navigieren
Autor: Alex
Robert Wetzlmayr aka wet hat kürzlich ein Plguin (*wet_thumbfilter*) geschrieben, dass Artikel-Thumbnails filtert und nach bestimmten Sortierkriterien ausgibt. Optional können die Thumbs auf ihre zugehörigen Artikel verlinkt – aber auch unverlinkt, ausgegeben werden.
Bis dato kann man die Thumbs noch nicht gleichzeitig aus mehreren Sektionen/Kategorien filtern. Insgesamt ist das Plugin dem txp:article_custom Tag sehr ähnlich.
Das Plugin ist sehr gut auf Roberts Seite dokumentiert.
Anmerkung
Lese hierzu auch den Artikel:
Portfolio, navigieren über Thumbnails
Designers delight: Imagereplacement für TXP
Autor: Alex
Update II: die bisherige Version des Plugins funktioniert nicht unter der neuen TXP 1.0 RC. Gustav hat das ausgebügelt und eine geupdatete Version auf den Server gestellt.
Download der zem_ir.php für 1.0 RC
Update I: Zem hat sein Plugin überarbeitet und in zem_ir umbenannt. Die Images werden jetzt korrekt angezeigt. Aufgrund eines unkorrekten Leerzeichens in einem img tag validieren Seiten mit dem zem_ir nicht. Der kleiner Fehler wird sicher bald ausgebügelt sein.
Imagereplacementtechniken im Allgemeinen und im Speziellen für Textpattern
Kleine Einführung für Anfänger
Designer verzweifeln so dann und wann über die typografischen Restriktionen bei der Websitegestaltung. Arial, Verdana und sans serif sind auf die Dauer echte Langeweiler. Eine Lösung aus dem Dilemma bietet die Möglichkeit zumindest Headlines durch ein gif oder png zu ersetzen.
Einen Überblick über die diversen Möglichkeiten bietet Dave Shea auf mezzoblue. Von allen dort aufgeführten Möglichkeiten ist die Phark Methode wohl die häufigst verwendete.
Eine neue weitere Technik ist die von Mike Davidson als Toolset angebotene sIFR Methode. Diese basiert auf einem kleinen Flashfilm in dem der Font eingebettet wird. Umfangreiche Infos zu Vor- und Nachteilen von sIFR findet man auf Gerrits Seite praegnanz.de.
Imagereplacement für TXP User
Eine andere Möglichkeit ist es dynamisch über die PHP GD lib pngs/gif´s zu erzeugen und dieses an die entsprechende Stelle im Text zu setzen. Bis dato funktionierte das bei TXP mit einem … leicht zu raten … Plugin von Zem. Leider wurden die gifs allerdings unten und rechts leicht abgeschnitten. Nicht gerade das, was man sich für sein Design so wünscht. Nun scheint Jick einen Fix gefunden zu haben. Im Forenthread postete er:
Im Plugincode suche man die folgende Zeile
$h = $h + $drop;
und füge direkt darunter
$w = $w + $drop;
ein.
$drop ist eine sogenannte Variable, die einen Wert, hier Anzahl von Pixel, enthalten muß, damit das dynamisch erzeugte png eine akzeptable Weite erhält.
Damit sollte die Imagereplacementtechnik für TXP User endlich tauglich sein.
Vorraussetzungen
Damit das Plugin einwandfrei läuft, sind einige grundlegende Server-Vorraussetzungen zu beachten. Über eine info.php kann man sich die unterstützten PHP Features ausgeben lassen.
Die notwendigen Servereinstellungen sind:
GD Support enabled
GD Version bundled (2.0.12 compatible)
FreeType Support enabled
FreeType Linkage with freetype
GIF Read Support enabled
JPG Support enabled
PNG Support enabled
Installation
Die Installation des Plugins ist recht einfach. Man folge den Anweisungen. Zu Beachten ist, dass im Textpattern Image Ordner auf dem Server ein zweiter Ordner namens zir angelegt wird. Dieser muß per Chmod auf 777 eingestellt werden, damit die entsprechenden gifs dorthin geschrieben/gelesen werden können.
Die verwendete Schrift muß auf den Server geladen werden.
Das Plugin hat einige Attribute. Eines ist ft. Dieses sollte man auf 0 setzen: ft=0. Mit 1 hat es bei meinen Versuchen nicht funktioniert.
Fazit
Die Installation des Plugins ist, trotz meiner langen Ausführung hier, sehr einfach. Problematischer sind die Servervorraussetzungen, die nicht immer gegeben sind. Wer bei all-inkl.com hostet, wird keine Probleme haben.
Wer sich als absoluter (!) Newbie am Plugin versucht, kann leichter verzweifeln. Doch das ist nicht so schlimm. Er oder sie poste einfach hier und wird dann sicher getröstet :)
Infos und Download zem_image_replace Plugin
Jay´s Website – Beispielseite, siehe auch in den Quellcode
Viel Spaß – al
Plugins // Images
| 3.02.05 | Kommentieren [1]Weitere neue Artikel
Neue TXP Sites
- Unable to connect to del.icio.us
