Hintergrundbild per Link wechseln

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 334
Registriert: Fr 22. Mai 2020, 00:33

Hintergrundbild per Link wechseln

Beitrag von Hape »

Hier ein Script mit dem man per Mausklick das Hintergrundbild ändert.

Code: Alles auswählen

<script type="text/javascript">
function bg1()
{
document.body.style.backgroundImage = 'url(https://file2.hpage.com/012143/93/bilder/image1.jpg)';
}
function bg2()
{
document.body.style.backgroundImage = 'url(https://file2.hpage.com/012143/93/bilder/image2.jpg)';
}
</script>
Hier die Links:

Code: Alles auswählen

<a onClick="bg1()" href="#">Link</a>
<a onClick="bg2()" href="#">Link</a>
Hier dazu eine Testseite: http://hapes-javascript-demo-page.de.to ... ndern.html

Antworten