2010-08-01
Very Simple Image Gallery Plugin Beispiel01
Geschrieben von: Andreas Berger   
Montag, den 23. November 2009 um 19:10 Uhr
bild01
bild01
bild02
bild03
bild04
bild05
bild06
bild07
bild08

 

Die angezeigte Galerie entspricht im wesentlichen den Default-Einstellungen nach Installation des Plugins. Angepasst sind lediglich die Breite der Galerie, die Abmessungen der Thumbnails und der Platz zwischen den Thumbnails.

Einstellungen im Konfigurationspanel des Plugins

Um die Galerien auf der Webseite so zu konfigurieren, werden im Konfigurationspanel des Plugins die folgenden Werte gesetzt:

  • Gallery width: 430
  • max. Image height:
  • Image quality: 90
  • Align the gallery: Mitte
  • Thumbnail width: 90
  • Thumbnail height: 60
  • Crop thumbnails: keep proportions
  • Image thumbnail quality: 80
  • Space between thumbs: 5
  • Thumbnails are shown: Justified - below the image
  • Place for thumbnails in percent of gallery width: 30
  • Sort order: A-Z
  • Use sets of size:
  • Label sets: Set
  • Link/button forward:
  • Link/button backward:
  • Show captions? Ja
  • Position of captions? Inside
  • Use links? Ja
  • Image root: /images/stories/
  • Buttonfolder: /images/stories/vsig_buttons/
  • Use JavaScript? Ja
  • Foldername as ID? Nein

Code im Artikel

Um die Bilder im Ordner /images/stories/verysimple anzuzeigen, wird im Artikel an der gewünschten Stelle der folgende Code eingegeben:

{*vsig}verysimple{/vsig*} - (ohne die Sterne)

Overrides

Hat man im Konfigurationspanel andere Einstellungen als die oben angezeigten getroffen und möchte nur diese eine Galerie wie gezeigt konfigurieren, dann kann man den Code um Parameter Overrides (siehe Plugin Howto Code) erweitern. Die Einstellungen für die oben angezeigte Galerie sind:

  • width=430
  • height=
  • imquality=90
  • align=1
  • twidth=90
  • theight=60
  • crop=
  • quality=80
  • space=5
  • right=2
  • area=30
  • sort=0
  • sets=0
  • setstxt=Set
  • cfwd=
  • cbwd=
  • caps=1
  • inout=1
  • links=1
  • script=1
  • folderid=0


Im Code auf der Seite werden nur die Parameter überschrieben, bei denen die gewünschte Einstellung von der im Konfigurationspanel abweicht. Zum Beispiel:

{*vsig}verysimple|width=430|align=1{/vsig*} - (ohne die Sterne)


Für Fragen und Anregungen steht die Kommentarfunktion zur Verfügung.

Wer die Erweiterung nutzt den bitte ich, sie auf extensions.joomla.org zu bewerten und einen Erfahrungsbericht zu posten. Darüber hinaus freue ich mich über jeden, der die Möglichkeit findet, mich durch einen Link zu www.bretteleben.de auf seiner Webseite zu unterstützen. Das Plugin selbst produziert keine versteckten Links oder sonstige Nettigkeiten welcher Art auch immer.
Wer für sein Projekt zusätzliche Funktionen oder Adaptierungen über die Möglichkeiten des hier gebotenen Supports benötigt, der ist eingeladen, mich mit einer Beschreibung der gewünschten Leistungen und dem angedachten Budget per Email zu kontaktieren (Menüpunkt "Kontakt" im Topmenü).

Zuletzt aktualisiert am Sonntag, den 06. Juni 2010 um 13:01 Uhr
 
Kommentare (19)
Hopefully a simple question!
19 Mittwoch, den 19. Mai 2010 um 09:28 Uhr
Andy Jacobs

Hi

I have a site that has 2 main categories, each with a sub category that is unique and two that are shared as the site is split into 2 parts.

So we have:

General English Courses
>>>General English Course Pictures (Unique)
>>>School Pictures (Shared)
>>>City of Portsmouth Pictures (Shared)

Executive English Courses
>>>Executive English Course Pictures (Unique)
>>>School Pictures (Shared)
>>>City of Portsmouth Pictures (Shared)

So, what I want to do is have a page for each side of the site (General English and Executive English) that will just show 1 thumbnail from each category.  Then clicking on a thumbnail will take them to the relevant gallery.
Can this be done using the vsig code, or will I have to insert the thumbnails manually until the user gets to the page where I can just put the normal vsig code in.
Hopefully this makes sense!

Regards
Andy Jacobs

@Andy Jacobs
Mittwoch, den 19. Mai 2010 um 20:29 Uhr
A. Berger

Hi Andy!

The Very Simple Image Gallery is a plugin to display galleries within content items. There is no functionality like gallery components offer. A component creates the main content, i.e. it creates pages you can link to menus and usually offers possibilities to show (nested) categories.

Using a plugin, you have to create the articles and the navigation between them yourself. About the thumbnails to link to a gallery - yes, easiest way to do this would be to insert the thumbs manually (if you are going to use the Very Simple Image Gallery).

Best regards
Andreas

Frage Design
18 Donnerstag, den 13. Mai 2010 um 01:07 Uhr
Jochen

Hallo! Erstmal muss ich sagen das die Simple Gallery super ist! Genau das was ich such!

Ich habe das Teil gerade in Arbeit und hab da aber 2 Probleme! Wäre super wenn es hier eine Lösung gibt!

1: Wie bekomme ich den Rahmen um die Fotos weg?
2: ist es möglich die Navigation in die mitte zu setzen und zwischen den Pfeilen die schrift weg zulassen, so das nur die Pfeile Links und Rechts in der mitte sind!

Danke gleich mal für die Hilfe!

@Jochen
Donnerstag, den 13. Mai 2010 um 10:00 Uhr
A. Berger

Hallo Jochen!

Naja, Du kannst einerseits das Plugin patchen, also die Position generell ändern und den Counter herausprogrammieren.
Oder aber das Ganze über CSS lösen und Dich ein wenig mit dem Stylesheet des Plugins auseinandersetzen. Du findest es unter /plugins/content/plugin_vsig/vsig.css.
Der Selektor .vsig_top img {} kontrolliert das Hauptbild und die Selektoren, die mit .vsig_ctrl beginnen, die Navigation.

Gruß
Andreas

Thumbs nicht nebeneinander
17 Donnerstag, den 08. April 2010 um 18:03 Uhr
Beansidhe

Huhu =)

Meine Einstellungen entsprechen genau denen aus Beispiel1, abgesehen von der Width, die bei mir 600 beträgt.
Dazu musste ich noch die Höhe angeben, da ich sonst einen Fehler angezeigt kriege. Das ist nun aber nicht das Problem,  _eigentlich_ ist alles super.
Mein Problem ist, dass die Thumbs darunter nicht in einer ordentlichen Reihe stehen, sondern abgestuft sind, das erste hat die richtige Position, das zweite beginnt mit der Oberkante 10 Pixel darunter, das dritte ist nochmal um 10 Pixel etwa versetzt.

Woran kann das liegen?

Danke und LG -
Beansidhe

@Beansidhe
Donnerstag, den 08. April 2010 um 22:03 Uhr
A. Berger

Hallo Beansidhe!

Da schlägt vermutlich eine Einstellung des Templates (margin) durch. Das sollte in der aktuellen Version des Plugins zwar nicht sein, passiert aber anscheinend immer noch. Ist das Template mit Artisteer erstellt?
Wenn Du einen Link zur Seite posten könntest, dann schaue ich mir das gerne an.

Und vielleicht könntest Du mal testweise den Wert für die Bildhöhe herausnehmen und mir den genauen Fehlerwortlaut mitteilen - der interessiert mich nämlich sehr. :)

Gruß
Andreas

Very Simple Image Gallery
16 Donnerstag, den 25. Februar 2010 um 23:28 Uhr
32
Hallo nochmals,
vielen dank das ging ja ruckzuck ;)
Möchte es nochmal erwähnen das ist ein super Plugin.
mfg 32
@32
15 Donnerstag, den 25. Februar 2010 um 20:09 Uhr
A. Berger
Hallo 32!

Die soeben hochgeladene Version 1.5.5 sollte das Problem beheben.

Gruß
Andreas
Very Simple Image Gallery
14 Donnerstag, den 25. Februar 2010 um 08:37 Uhr
32
Hallo nochmals,
ich habe die Ninja-Shadowbox installiert, die benutzt die JQuery.js und ist wie du vermutet hast im Quelltext verlinkt. Ok habe die shadowbox deaktiviert und nun funktioniert die Gallery einwandfrei. Gibt es denn keine andere Lösung oder irgendetwas das ähnlich ist wie die shadowbox? hatte einige getestet aber das war das einzige was funktioniert hatte :) Oder meinst du das du diesen Fehler hinbekommst? Ich danke dir trotzdem für deine schnelle Hilfe.
mfg 32
@32
13 Mittwoch, den 24. Februar 2010 um 21:46 Uhr
A. Berger
Hallo 32!

Der Fehler ist vorgestern das erste Mal hier gemeldet wiorden und hat offensichtlich mit der aktuellen Version von JQuery, einem JavaSycript Framework zu tun. Ist dieses in Deine Seite eingebunden (im Head verlinkt)? Ich vermute ja. Dieses Framwork modifiziert die Möglichkeiten, die Elemente des DOM zu nutzen. Ich weiss noch nicht warum und wozu, aber bis ich mir das angesehen und ausgetestet habe, ist ein paralleler Einsatz nicht möglich. Du hast also im Moment nur die Möglichkei, entweder die Very Simple Image Gallery, oder die Erweiterung die das Framework JQuery braucht zu deaktivieren.

Sorry, dass ich keine besseren Nachrichten habe
Andreas
Very Simple Image Gallery
12 Mittwoch, den 24. Februar 2010 um 08:23 Uhr
32
Hallo vielen Dank für die schnelle Antwort. Aber leider war es keiner der angegebenen Fehler.
Im Quelltext ist vsig.js verlinkt und danach kommt das script. Show caption war auf ja eingestellt und position captions ist auf inside gestellt. Javascript war oder ist natürlich auch aktiviert. Jetzt habe ich festgestellt, wenn ich die Seite im Explorer öffne, kommt eine Fehlermeldung:
`parentcode` ist Null oder kein Objekt.
vsig.js - Zeile 23
Code: 0 - Zeile 2
Hoffe Du kannst mir helfen. Wünsche noch einen schönen Tag
mfg
@32
11 Dienstag, den 23. Februar 2010 um 21:10 Uhr
A. Berger
Hallo 32!

Es gibt mehrere mögliche Ursachen dafür:

1.) DU hast im Backend (oder per Parameter Override) die Option "Use Script" auf "Nein" gestellt.

2.) Dein Template verlinkt das Script /plugins/content/plugin_vsig/vsig.js nicht (der Link sollte sich im Quelltext der Seite im Head-Bereich fnden lassen).Wenn dem so ist: das Script das dafür verantwortlich ist deaktivieren oder modifizieren.

3.) Du verwendest Captions und einer der verwendeten Texte schafft es durch den Einsatz von Sonderzeichen, einen JavaScript Fehler zu produzieren (einfach mal testweise die Captions deaktivieren, wenn das das Problem ist sollte sofort alles klappen).

Gruß
Andreas
Very Simple Image Gallery
10 Dienstag, den 23. Februar 2010 um 11:55 Uhr
32
Hallo das Plugin ist sehr einfach handzuhaben und sieht klasse aus. Hatte es auch schon vorher installiert und benutzt was auch ohne Probleme ging.
Jetzt hab ich mehrere Galerien in einem Beitrag untereinander anzeigen lassen aber wenn ich ein Bild anklicke ladet er die ganze Seite neu und man muss wieder runterscrollen, was natürlich etwas nervig ist. Woran kann das liegen? Wäre um eine Hilfe sehr dankbar.
mfg
Deutsch
Panoramic Image Viewer
AddThis Social Bookmark Button
Wer ist online
Wir haben 28 Gäste online
Neueste Beiträge