✔ onclick "Bildergalerie", Hilfestellung

[Ap0c]

Tachchen,

hab so ein kleines Java-Script Problem. Hab schon ne ganze rumprobiert aber keine richtige Lösung für mein Prob gefunden. Bin auch ziemlicher Neuling in Sachen Java, das ganze erschwert das ganze für mich nen bißchen. Sonst dürfte das Ganze schnell zu lösen sein denk ich.

http://www.schreiber-terracotta-design.de/test/test.html

Das ist das was ich bisher habe. Nicht viel aber funktioniert schonmal. Beim Klick auf die Thumbs wird das Bild groß dargestellt.

Nun meine 2 Problemchen:

- die Bilder sollen normalerweise in einem Unterorder liegen z.B. test/001.jpg und test/thumbs-001.jpg. Wäre schön wenn man den Ordner nur einmal pro html Seite einstellen muss.

- Unter dem großen Bild muss jeweils nen kurze Bezeichnung stehen die auch mit dem onklick übergeben werden soll.

Für eine Hilfestellung wäre ich sehr Dankbar!

 

[zerix]

Hallo,

ich weiß nicht ob es dir aufgefallen ist, aber fehlt hinter Java nicht ein kleines Wort? Script zum Beispiel.

Also kurz, ich verschiebe den Thread mal ins richtige Forum.

MFG

Sascha

 

[Maik]

Hi.

- die Bilder sollen normalerweise in einem Unterorder liegen z.B. test/001.jpg und test/thumbs-001.jpg. Wäre schön wenn man den Ordner nur einmal pro html Seite einstellen muss.

Und was hindert dich daran, das Unterverzeichnis im Pfad anzugeben?

                <div style="width:500px; float:left;">
                        <img id="bild" src="test/001.jpg" alt="" width="490px" />
                </div>
                <div style="width:200px; float:left;">
                        <a href="#" onclick="fotos('test/001.jpg');"> <img style="border: 0px solid" alt="" src="test/thumbs-001.jpg" /></a>
                        <a href="#" onclick="fotos('test/002.jpg');"> <img style="border: 0px solid" alt="" src="test/thumbs-002.jpg" /></a>
                        <a href="#" onclick="fotos('test/003.jpg');"> <img style="border: 0px solid" alt="" src="test/thumbs-003.jpg" /></a>
                        <a href="#" onclick="fotos('test/004.jpg');"> <img style="border: 0px solid" alt="" src="test/thumbs-004.jpg" /></a>
                        <a href="#" onclick="fotos('test/005.jpg');"> <img style="border: 0px solid" alt="" src="test/thumbs-005.jpg" /></a>
                </div>

- Unter dem großen Bild muss jeweils nen kurze Bezeichnung stehen die auch mit dem onklick übergeben werden soll.

In dem Thread JavaScript-basierte Bildergalerie hat Quaese hierfür ein Script veröffentlicht.

 

[Ap0c]

Hi.Und was hindert dich daran, das Unterverzeichnis im Pfad anzugeben?

In dem Thread JavaScript-basierte Bildergalerie hat Quaese hierfür ein Script veröffentlicht.

Das Unterverzeichnis im Pfand angeben, könnte ich notfalls mit leben. Werden zum Schluss sehr viele Bilder und auf der nächsten HTML Seite mit anderem Pfad müssten alle Pfadangaben geändert werden. Wäre schöner wenn man das einmal im Script oder so ändert. Aber wie gesagt, damit könnte ich leben.

Beim Scipt von Quaese,blick ich noch nicht so ganz durch obwohl das wahrscheinlich auch recht simple ist. Sorry

 

[TheClansman]

Moin

wie wärs denn mit folgendem Ansatz:

HTML:

<div style="width:200px; float:left;">
 <a href="#" onclick="fotos('001.jpg');"> <img style="border: 0px solid" alt="" src="test/thumbs-001.jpg" /></a>
  <a href="#" onclick="fotos('002.jpg');"> <img style="border: 0px solid" alt="" src="test/thumbs-002.jpg" /></a>
   <a href="#" onclick="fotos('003.jpg');"> <img style="border: 0px solid" alt="" src="test/thumbs-003.jpg" /></a>
   <a href="#" onclick="fotos('004.jpg');"> <img style="border: 0px solid" alt="" src="test/thumbs-004.jpg" /></a>
   <a href="#" onclick="fotos('005.jpg');"> <img style="border: 0px solid" alt="" src="test/thumbs-005.jpg" /></a>
</div>

JavaScript:

<script foo bar>
var pfad = "pfad/zu/deinen/bildern/"; /*den slash hinten nicht vergessen ;) */

function fotos(dateiname)
{
 var bild = pfad + dateiname;

 ...
 ...
 ...
}
</script>

Eine globale variable "pfad" definieren, die über das ganze Script gilt, und dann die Strings "pfad" und "dateiname" einfach zusammenfügen.

Gruß
Clansman