 Set 1/2 
In diesem Beispiel sind die Bilder der Galerie in Sets von jeweils 4 Bildern aufgeteilt. (Hat das letzte Set weniger Bilder ist auch das kein Problem, die Anzahl der Bilder muss nicht unbedingt ein Vielfaches der Sets sein.) Die angezeigten Buttons sind die automatisch installierten Standardbuttons. Hat man eigene Buttons hochgeladen, dann kann man im Konfigurationspanel den Ordner definieren und diese verwenden.
Zusätzlich verwendet die Galerie Links und Captions.
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: 4
- 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)
{*vsig_c}0||Default-Titel|Default-Text{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild01.jpg|Titel Bild01|Text Bild01{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild02.jpg|Titel Bild02|{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild03.jpg||Text Bild03{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild04.jpg||{/vsig_c*} - (ohne die Sterne)
{*vsig_c}0|bild08.jpg|Titel Bild08|Text Bild08{/vsig_c*} - (ohne die Sterne)
{*vsig_l}0||http://extensions.joomla.org/extensions/photos-&-images/photo-gallery/6301/details|Default Link|_blank{/vsig_l*} - (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=4
- 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|sets=4|setstxt=Set|caps=1|inout=1{/vsig*} - (ohne die Sterne)
Die Aufrufe für Links und Captions bleiben unverändert.
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ü). |
Hello there, i am using ur pluggins and they great, the very simple images and the slideshow; the thing is that i am using the gallery in a very dark background and the owner of the page wants the captions below the images, as the captions are black, how do i change the font color?
Thank you so much for ur help and attention.
Hi Sebastian!
You can change the appearance of the captions in the stylesheet of the plugin: /plugin/content/plugin_vsig/vsig.css
The selector .vsig_top div.outside {} deals with the captions, placed below the main image and the following selectors handle the two parts of the captions, the title-line and the text-line:
.vsig span a, .vsig span a:link, .vsig span a:visited, .vsig span a:focus, .vsig span a:hover, .vsig span a:active {} ... appearance of the title line if feature links is activated
.vsig span + span a, .vsig span + span a:link, .vsig span + span a:visited, .vsig span + span a:focus, .vsig span + span a:hover, .vsig span + span a:active {} ... appearance of the text line if feature links is activated
.vsig_top div span {}... appearance of the title line
.vsig_top div span + span {}... appearance of the title
Best regards
Andreas
Fein dass jetzt alles funktioniert und danke für die Hinweise. Ich werde mir das nochmals in Ruhe ansehen, aber da es mir in einem ersten Test nicht gelungen ist, das Problem nicht nachvollziehen konnte (Beez, Internet Explorer) werde ich mit der Aufnahme in die FAQ vorerst noch warten.
Gruß
Andreas
habe mir nochmal Hilfe zur Seite geholt um das Problem zu lösen (Gallerie verschwindet wenn man mit der Maus drüber geht). Und zwar lag das Problem in folgenden Zeilen der vsig.css:
alt: .vsig_top {position:relative;padding:0px;padding-right:5px;margin-bottom:10px}
neu: .vsig_top {padding:0px;padding-right:5px;margin-bottom:10px}
alt: .vsig_thumb img {display:block;position:relative;background:#FFF;border:1px solid #ccc;margin:-5px 5px 5px -5px;padding:4px;}
neu: .vsig_thumb img {display:block;background:#FFF;border:1px solid #ccc;margin:-5px 5px 5px -5px;padding:4px;}
alt: .vsig_top div.outside {z-index:2;position:relative;display:block;margin:0px 5px 0px 5px;}
neu: .vsig_top div.outside {z-index:2;display:block;margin:0px 5px 0px 5px;}
Vielleicht möchtest du dies in deine FAQ´s hinzufügen. In Verwendung habe ich das Standardtemplate Beez.
Grüße aus Rostock
Marco
vielen Dank für die Antwort. Da muss ich dir natürlich rechtgeben das der User im Vordergrund steht. Ein genervter User kommt wahrscheinlich nicht wieder.
Werde mal lokal ausprobieren ob ich mit deiner CSS Gallerie das IE7-Problem umgehen kann.
Melde mich dann einfach nochmal zu Wort ob es funktioniert hat :)
Bis dahin
Marco
Das Darstellungsproblem im Internet Explorer hat nichts mit JavaScript zu tun, da geht es rein um CSS. Und es ist auch nicht behoben, im Internet Explorer blendet die angesprochene CSS Einstellung immer noch die Galerie aus. Ich gebe gerne zu - ich weiß nicht warum.
Was JavaScript angeht, indem Du es aktivierst siehst Du die Parameter nicht mehr, da sind sie trotzdem. Schau in den Quelltext oder mach über einem Thumbnail einen Rechtsklick -> in neuem Fenster öffnen. Aber das ist ja nichts Böses (wiederum: siehe meine vorige Antwort). Also wenn Du Seitenaufrufe brauchst (wobei das eher witzlos ist, weil es Dir ja um den Kopmfort der Besucher und nicht um Seitenimpressionen gehen sollte bei dieser Art der Internetpräsenz) - dann deaktiviere halt JavaScript. Bedenka dabei aber - nur weil Du mehr Seitenimpressionen siehst waren nicht mehr Leute da.
Auf das Verhalten der Galerie gegenübr dem Spider einer Suchmaschine hat das jedenfalls keinen Einfluss, denn die meisten sind ohne JavaScript unterwegs.
Gruß
Andreas
Habe Javascript jetzt aktiviert und die gallerie ist wieder in Ordnung.
Hast du eventuell eine Idee wie ich die Gallerie im IE7 ohne Javascript noch für ne Weile betreiben kann (bin nicht fit in Sachen Programmierung? Möchte damit bewirken das die Seite noch nen paar Klicks mehr bekommt da sie noch relativ jung ist.
Grüße aus Rostock
Marco
Nein, für die GET Parameter in den URLs gibt es kein Lösung, sie sind aber auch kein Problem. In der Regel wird man die Galerie mit der Option "JavaScript verwenden -> JA" einsetzen. Ich empfehle das auch hier zu tun. (Für Besucher mit deaktiviertem JavaScript funktioniert die Galerie trotzdem.)
Ein Besucher mit aktiviertem JavaScript wird kaum jemals eine URL mit GET-Parameter zu Gesicht bekommen, da der Bildwechsel scriptgestützt transparent abläuft.
Was Suchmaschinen angeht, maßgeblich ist in Wirklichkeit ohnehin nur Google, und das hält sich recht brav an den Metatag "robots" und wenn Du Dir den Quelltext ansiehst - sobald Du Dich auf einer "Unter"-Seite, also einer Seite mit GET-Parameter befindest, wird der Metatag "robots" automatisch auf "noindex, nofollow" gesetzt.
Damit verhindert man, dass Google diese Seite indiziert. Indiziert wird nur die Seite ohne GET-Parameter.
Die URLs sind also nicht Dein Problem, aktiviere JavaScript und die Sache hat sich. Dein Problem ist das Stylesheet des Templates, der Selektor #left UL LI A:hover {} des Stylesheets layout.css bringt den InternetExplorer 7 nämlich dazu, alle Bilder der Galerie beim Überfahren des Hauptmenüs in der linken Spalte einfach auszublenden.
Gruß
Andreas
hat sich für das Problem bei Desmond schon eine Lösung gefunden bezüglich der Joomla SEF -> Links? Wenn ich auf die Bilder in der Gallerie klicke habe ich leider keine Suchmaschinenoptimierten Links. Siehe auf http://www.heilpraktiker-rach.de/praxisraeume und dann einfach mal auf die Bilder klicken. Desmond schilderte Anfang Dezember das gleiche Problem. Zitat: "The Second problem is all the gallery URL doesn't work with the joomla default SEF/SEO. Photo url come with .html?&vsig5_0=0"
Could you please provide a link to the page? I will have a look at it.
Best regards
Andreas
First problem, it doesn't goto next set for multiple sets. I manage to get it to work if I set "NO" at Other settings -> Use JavaScript?
The Second problem is all the gallery URL doesn't work with the joomla default SEF/SEO. Photo url come with .html?&vsig5_0=0