Odpowiedź:
<!doctype html>
<html lang="pl">
<head>
<meta charset='utf-8' />
<style>
#zdj {
width:100px;
height:100px;
margin:0 auto;
background-image:url(https://pl-static.z-dn.net/files/da8/52dabc2a8340f871874e9f60dbe53bb0.jpg);
}
#zdj:hover {
background-image:url(https://pl-static.z-dn.net/files/de2/b94e41447a7562a24389558803d7d4e1.png);
}
</style>
</head>
<body>
<div id="zdj"></div>
</body>
</html>
Wyjaśnienie:
w tym miejscu background-image:url wpisujemy adres ścieżki dostępu do zdjęcia. Może to być adres bezpośredni z dysku albo adres obrazku z internetu z rozszerzeniem jpg, png, gif. Kod działa w ten sposób, że po najechaniu myszką na obrazek zmienia się w drugi obrazek .
adresy prowadzące do zdjęć z internetu są przykładowe. u mnie działa
