Zum Inhalt springen

Onklick Anweisung einbauen


Greetzz

Empfohlene Beiträge

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

Link zu diesem Kommentar
Auf anderen Seiten teilen

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.

Link zu diesem Kommentar
Auf anderen Seiten teilen

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.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...