Mouseover Galerie für WordPress
Überarbeitet am 11.03.2007
Es gibt unzählige Galerien-Plugins in WordPress, dennoch habe ich keines gefunden, das meinen Wünschen entspricht: Links oder rechts eine Thumbnail-Übersicht, die dann auf der gegenüberliegenden Seite das vergrößerte Bild mit Titel erscheinen lässt, wenn man über das entsprechende Thumb mit der Maus geht. Da ich eigentlich kein Plugin-Programmierer bin, blieb mir nichts anderes übrig als ein vorhandenes Plugin so zurechtzubiegen, dass es meine Wünsche erfüllt. Als besonders geeignet hat sich dabei die Image gallery reloaded von Daniel Sachs herausgestellt. Da ich diese Galerie so, wie sie ist, mag und parallel einsetzen möchte und es deshalb auch nicht viel Sinn machte, sie noch weiter zu parametrisieren, habe ich eine Kopie überarbeitet und einen neuen Shortcode: gallerymo eingeführt. Auf diese Weise kann man die Standardgalerie oder Davids parallel nutzen. Wenn nur der Shortcode gallerymo verwendet wird erzeugt das System 2 div-s mit den Klassen left_part und right_part. Also aus[gallerymo]
wird automatisch:
<div class="right_part">
[gallerymo]
</div>
Wenn man aber in den beiden Spalten noch andere Inhalte, i. allg. Text unterbringen will, muss man diese Container vorher in der html-Sicht des Editors definieren und die Inhalte ensprechend platzieren. Auf der linken Seite kann man nur Inhalte an den Anfang platzieren, danach erfolgt die Bildvergrößerung. Der Grund ist einfach: es gibt keinen Platzhalter für das Bild, vielleicht später einmal.
[gallerymo]
nimmt die gleichen Parameter wie die Standardgalerie, so dass auf einer Seite auch mehrere Galerien mit den entprechenden Seiten-Ids angezeigt werden könnten. Leider funktioniert das aber zur Zeit ebensowenig wie bei der Standargalerie. Ich hoffe, dass eine spätere Version das leisten wird.
Hier noch ein Beispiel:
Und nach dem gallerymo-Tag kann auch noch Text platziert werden. Der Titel für die Thumbnailübersicht wird automatisch vom Post-Titel übernommen. Zur Zeit kann er nur mit CSS-Mitteln unterdrückt werden.
Text nach dem right_part-Div wird dann erwartungsgemäß nach den beiden Spalten platziert.
Bedeutend mehr Beispiel könnt Ihr unter http://nord-deutsche-treppen.de finden.
Hier kann die aktuelle Version heruntergeladen werden. Download





1 Kommentar
Das Plugin ist unter dem Namen Mouseover Gallery veröffentlicht.
Schreibe einen Kommentar!