Greetzz Geschrieben 21. September 2004 Geschrieben 21. September 2004 Hi, ich habe mal eine kleine Frage zu den OnKlicks: Und zwar habe ich eine Framebased HTML-Seite mit einer Foto Gallerie. Unten sind Thumbnails die auf klick im Main-Frame die Bilder tauschen. Soweit so gut... Nun möchte ich aber, dass das jeweils aktuelle Bild, also das zuletzt angeklickte zusätzlich unten in der Thumbnail-Gallery z.B. mit einem schwarzen Rand markiert wird, damit man sieht welches Bild man gerade geöffnet hat. Die Links per OnClick zu machen würde ja gehn - aber dann wären sie ab dem Zeitpunkt ja immer markiert, sie sollen aber bei Auswahl des nächsten Bildes wieder nicht-markiert sein. Geht das per OnClick oder gibts ne andere Möglichkeit.???? Danke und Gruß Flo Zitieren
kills Geschrieben 21. September 2004 Geschrieben 21. September 2004 klar geht das! setzt dir beim setzen des markierten bildes eine globale varible an der du erkennst, ob ein anderes bild markiert ist. wenn eins markiert ist, nimmst du dieses beim nächsten onlick und setzt die markierung wieder wech Zitieren
Greetzz Geschrieben 21. September 2004 Autor Geschrieben 21. September 2004 Ok, danke erstmal für die Hilfe...bin leider nicht so gewand im Webdesign, kannst du mir vielleicht ein Beispiel geben wie man die globale variable anlegen muss? Bzw. wie ich die Abfrage machen soll *keinplanhat* Zitieren
geloescht_JesterDay Geschrieben 21. September 2004 Geschrieben 21. September 2004 Ok, danke erstmal für die Hilfe...bin leider nicht so gewand im Webdesign, kannst du mir vielleicht ein Beispiel geben wie man die globale variable anlegen muss? Bzw. wie ich die Abfrage machen soll *keinplanhat* Du könntest das mit JavaScript und CSS lösen. In CSS 2 Klassen, eine für das aktive Bild, eine für inaktive. Beim OnClick rufst du eine Function auf, die alle Bilder der Seite durchgeht und die Klasse auf inaktiv setzt, und das geklickte Bild, was du mit übergibts setzt du dann auf die aktiv Klasse. CSS: .aktiv { border: 5; } .inaktiv { border: 0; } [...] function SetImgs(img) { for(i = 0; i < document.images.length; ++i) { document.images[i].className='inaktiv'; } img.className='aktiv'; } [...] <img ... onClick="SetImgs(this)"> Ist aber nich getestet. Zitieren
Empfohlene Beiträge
Dein Kommentar
Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.