Hallo und willkommen im Forum,
habe ich das richtig verstanden: Es sollen zwei Bilder im Großformat nebeneinander angezeigt werden, unter denen die Bildbeschreibung des jeweiligen Bildes steht. Es soll aber keine Detailanzeige erfolgen. Wenn dem so ist, dann ist das mit diesem Script nicht ohne weiteres möglich, da unter den Thumbnails keine Bildbeschreibungen vorgesehen sind. Diese werden nur angezeigt, wenn der Benutzer mit der Maus über das Bild fährt.
Zwar kann der Block mit dem Detailbild (per visibility im
CSS von grosscontainer) dauerhaft ausgeblendet, die Anzahl der Thumbnails auf zwei Bilder (Variable anzahl_thumbnails auf zwei setzen) beschränkt und die Größe der dargestellten Bilder (thumb_groesse von 100 auf anderen Pixelwert) angepasst werden. Allerdings ist die Anzeige einer Bildunterschrift unter den Thumbnails nicht ohne Eingriffe in das Script möglich.
Eine Beschriftung der Art 2 von 4 Bildern ist zwar möglich, allerdings nicht besonders sinnvoll, da ja immer zwei Bilder angezeigt werden und man so nicht genau wissen kann, wo man sich in der Liste befindet. Schließlich würde dort immer 2 von x Bildern stehen egal ob man nun bei den Bilder eins und zwei oder sieben und acht ist. Hierzu muss die
Variable thumbnail_string einfach auf "2 von %anzahl_bilder%" gesetzt werden.
Die
Navigation - egal ob seitenweise oder weiter und zurück - kann selektiv ausgeblendet werden, indem das jeweilige Element per CSS auf "visibility:hidden" gesetzt wird. Um Fehler zu vermeiden sollten die Links mit den Navigationselementen nicht einfach aus dem Code gelöscht werden. Statt dessen sollten die Bilder mit den Navigationselementen (Pfeile) einfach durch Bilder ersetzt werden, die den Navigationstext enthalten. Alternativ kann man auch die Navigationsbilder löschen und die Alt-Attribute verändern. Dann werden statt der Navigationsbilder die angegebenen Texte angezeigt. Etwa statt
- Code: Alles auswählen
<a href="javascript:weiter();"><img border="0" src="nav/transparent.gif" id="weiter" alt="weiter" title="weiter"></a>
dieses
- Code: Alles auswählen
<a href="javascript:weiter();"><img border="0" src="nav/transparent.gif" id="weiter" alt="weiter zum nächsten Bild" title="weiter"></a>
Grüße
Alex