Zum Inhalt springen

Onklick Anweisung einbauen


Empfohlene Beiträge

Geschrieben

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

Geschrieben

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

Geschrieben

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*

Geschrieben
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.

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden

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...