Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Mit JavaScript beim klicken auf ein Bild, das Bild ändern

Gast eisdiele
Gast eisdiele
in Webdesign

Empfohlene Antworten

Hallo,

ich hab ein Bild, welches sich beim anklicken in ein anderes Bild verwandeln soll. Ich hab noch net alzuviel mit JavaScript gemacht und hätte mal gerne die erklärung für nen blutigen Anfänger... Weil, wenn ich mit google suche, dann find ich immer nur so ellenlange texte und scripts die alles mögliche Realisieren, (Überblendeffeckte, Zufallsbilder etc) aber kein einfaches ändern...

Da muss es doch irgend ein einfachen Einzeiler geben?!

<img src="blugg.gif" alt="igor" onClick="deineJavascriptFunktion()" />

Er wollte wohl eine kleine erklaeuterung zum Quellcode.


...

<head>

...

<script type="text/javascript">

function deinefunction (imgName, imgNew) {

getElementsByName(imgName)[0].src = imgNew;

}

...

</head>

<body>

...

<img src="alt.jpg" name="deinname" onMouseOver="deinefunction(this.name,'neu.jpg');" onMouseOut="this.src='alt.jpg';">

...

</body>

Function holt Element mit Name aus Parameter. Das Erste Element ([0]) wird dabei als aktuelles Objekt benutzt. Der Source des Objekts wird auf den neuen Imagenamen ( aus Parameter der Funktion) genommen.

´gruß

da es ums anklicken und eine möglichst einfache lösung ging...

<img src="altesbild.jpg" onClick="this.src='neuesbild.jpg'">

müsste selbsterklärend sein.

Das sollte wohl die leichteste Lösung sein ^^

bei Überfahren der Maus tritt der EventHandler onMouseOver ein. Der Source (src) des Image-Objektes (this steht fuer dieses Object) wird auf neuesBild.jpg gesetzt.

´gruß

ich hab ein Bild, welches sich beim anklicken

da es ums anklicken [...]

KLICKEN! mensch.:mod:

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Zur Themenliste gehen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.