Javascript: galleria immagini.

Di: Rio | 26/09/2020 18:43:05
Ciao, vorrei sapere come fare una galleria di immagini con il seguente codice Javascript:
<script language="JavaScript" type="text/JavaScript">
<!--
window.onload=function(){
if(!document.getElementById || !document.getElementsByTagName) return;
links=document.getElementById("minipics").getElementsByTagName("a");
for(i=0;i<links.length;i++)
links[i].onclick=function(){Show(this);return(false)}
}
function Show(obj){
bigimg=document.getElementById("bigimage");
bigimg.src=obj.getAttribute("href");
smallimg=obj.getElementsByTagName("img")[0];
t=document.getElementById("titolo");
t.removeChild(t.lastChild);
t.appendChild(document.createTextNode(smallimg.title));
}
//-->
</script>
e html:
<div id="gallery">
<div id="zoom">
<p> </p>
<h3 id="titolo">Clicca sulle miniature per vedere gli ingrandimenti.</h3>
<img src="empty.jpg" id="bigimage" alt="">
</div>
<div id="minipics">
<ul>
<li><a href="img/Cart1.jpg"><img src="img/Cart1min.jpg" alt="uovo" title="Uovo" border="1" width="100" height="100"></a></li>
Più naturalmente una serie di miniature che si ingrandiranno nella stessa pagina, a far si che cliccando sulla miniatura non solo si ingrandisca ma si posizioni a inizio pagina dove appunto si è visualizzato l'ingrandimento.

Risposte


Nessuna risposta trovata!