Erweiterung Galerie

Fragen und Antworten zur clientseitigen Programmiersprache JavaScript

Erweiterung Galerie

Beitragvon Lubilee am Di 10. Nov 2009, 10:21

Hallo mein Name ist Lubilee und ich bin ganz neu hier :)
Habe die von Euch bereitgestellte Galerie schon des öfteren benutzt. Diesmal stoße ich jedoch ein wenig an meine Grenzen. Ich würde diese Galerie gern folgendermaßen erweitern:

Die Thumbnail-Vorschau soll die "eigentliche" Galerie werden, also eine Original Anzeige der Bilder ohne Klick auf die bis jetzt bestehenden Thumbnails. Ich möchte immer nur 2 Bilder angezeigt bekommen und diese dann beide mit Bildbeschreibung. Zudem brauche ich noch eine Gesamtbild Anzeige ("2 von 4 Bildern")- Ist in ähnlicher Form ja shcon vorhanden. Das wechseln der Bilder erfolgt nicht mehr mit den bis jetzt verwendeten Bildern "back/forward.gif" sondern lediglich über einen normalen Textstring.

Könnt Ihr mir da weiterhelfen? - Ich würde mich wirklich freuen! :)

Lu
Lubilee
 
Beiträge: 3
Registriert: Di 10. Nov 2009, 09:46

Beitragvon Lubilee am Di 10. Nov 2009, 11:44

Primär wäre die Lösung des Problems das immer nur 2 Bilder und diese dann beide mit Bildbeschreibung (unter den Bildern und ohne klick) angezeigt werden am wichtigsten.
Ich dachte eigentlich das wäre nicht soo schwer, da die Bildbeschreibungen in den Thumbnails als "Alt-Tags" der Bilder auch angezeigt werden, finde jedoch im Script nicht wirklich die Stelle an der dies zusammengesetzt wird...

Ideen vor! :lol: :geek:

Lu
Lubilee
 
Beiträge: 3
Registriert: Di 10. Nov 2009, 09:46

Beitragvon alm am Di 10. Nov 2009, 11:59

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
EvoComp.de
Beachten Sie unsere Beispiele zu JavaScript, PHP und Ajax, sowie unser PHP MySQL Tutorial
alm
 
Beiträge: 81
Registriert: Do 21. Feb 2008, 16:22
Posts

Beitragvon Lubilee am Di 10. Nov 2009, 12:07

alm hat geschrieben: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.


Vorab vielen Dank für die schnelle Hilfestellung :)

Das hört sich doch schon super an. Ich habe die Anzahl der Thumbs angepasst sowie den Bildern eine neue Größe zugewiesen. Wie genau muss der Eingriff in das Script nun aussehen damit meine Bilder diese doofe Bildbeschreibung bekommen? :>
Ich stelle mir das garnicht soo kompliziert vor (vielleicht täusche ich mich ;) ) da wie gesagt die alt-Tags ja auch je nach Bild angezeigt werden (bzw. bei jedem Bild)... *lächel*

Liebe Grüße und vielen Dank für Deine Geduld *smile*

Lu
Lubilee
 
Beiträge: 3
Registriert: Di 10. Nov 2009, 09:46

Beitragvon alm am Di 10. Nov 2009, 12:28

Das ist nicht kompliziert und die Sourcen sind auch recht ausführlich kommentiert. Hatte eigentlich gedacht, dass der Code schon aufgrund der verwendeten Bezeichner einfach zu lesen ist. Die Thumbnails werden dynamisch erzeugt. Deshalb muss nur ein zusätzliches SPAN-Tag für jedes Bild erzeugt und dementsprechend mit einer ID versehen werden, damit bei Aktualisierung auf die Elemente zugegriffen werden kann. Die Erzeugung der Elementobjekte erfolgt in erzeuge_thumbnails und in thumbnails_auffrischen werden die Beschriftungen gesetzt.

Grüße
Alex
EvoComp.de
Beachten Sie unsere Beispiele zu JavaScript, PHP und Ajax, sowie unser PHP MySQL Tutorial
alm
 
Beiträge: 81
Registriert: Do 21. Feb 2008, 16:22
Posts


Zurück zu JavaScript

cron