PDA

Visualizza la versione completa : Posizionare seconda immagine a dissolvenza a sinistra rispetto all'immagine principale fissa sottostante


giulio3x
12-02-2020, 17:46
Buongiorno a tutti, volevo un aiuto per posizionare l'immagine che appare a dissolvenza a sinistra rispetto all'immagine centrale fissa.
Posto il codice cosė riuscite ad aiutarmi, grazie


<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title>pag di prova</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width" /> <style> html, body { height: 100%; }
body { margin: 0; background-color: #FFF; overflow: hidden; }
img { width: auto; height: 100%; position: absolute; top: 0; right: 0%; }
im { width: auto; height: auto; left: -200; top: 0; right: 0%; }
@media (min-width: 40em) { img { right: 0; } }
@media (min-aspect-ratio: 1920/1271) { img { left: 0; right: 0; margin-left: auto; margin-right: auto; } } </style>
<script> var val = 0; function cambiaOpacita(){ var immagine = document.getElementById("im"); immagine.style.opacity = val/100; immagine.style.filter = 'alpha(opacity = ' + val + ')'; } function aumentaOpacita(){ val += 2; cambiaOpacita(); if(val<100){ setTimeout("aumentaOpacita();", 50); } }</script>
</head>
<body> <img src="img/immaginefissa.jpg" alt="eesco"> <a href="http://www.sito.it/brochure/index.html"><img id="im" style="width:300px; height: 190px;" src="img/immaginedissolvenza.png" onLoad="aumentaOpacita();"></a>
</body></html>

Loading