Visualizzatore immagini tipo windows

**Mega69** · 07-09-2006, 19:43

Stavo cercando una specie di visualizzatore immagini tipo quello di windows;
ho provato con questo codice ma nn funziona.

Ecco l'html:

codice:

<html>
<head>
<link type="text/css" rel="stylesheet" href="galleria.css" />
<script type="text/javascript" src="galleria.js" />
</head>
<body>
<center>[img]1.jpg[/img]</center>
[img]indietro.jpg[/img]
<form id="laselect"><select><option>uno</option><option>due</option></select></form>
[img]avanti.jpg[/img]
<div id="thumbnails">
<nobr>
<img class="thumb" id="1.jpg" /><img class="thumb" id="2.jpg" /><img class="thumb" id="3.jpg" />
</nobr>
</div>
</body>
</html>

ed ecco lo javascript:

codice:

thumbnails=new Array();
thumbnails=document.getElementById("thumbnails").getElementsByTagName("img");
function cambia(visualizzata)
{
   document.getElementById("immagine").src=visualizzata;
   for(i=0, i<thumbnails.lenght, i++)
      {
         if(thumbnails[i].id!=visualizzata)
           {
              thumbnails[i].style.borderWidth="0px";
           }
         else
           { 
              thumbnails[i].style.borderWidth="2px";


              if(i!=0) 
	{ 
	  document.getElementById("indietro").title=thumbnails[i-1].id; 
	}
              else
	{ 
	  document.getElementById("indietro").title=thumbnails.lenght; 
	}


              if(i!=thumbnails.lenght) 
	{ 
	  document.getElementById("avanti").title=thumbnails[i+1].id; 
	}
              else
	{ 
	  document.getElementById("indietro").title=thumbnails[0]; 
	}


          }
       }
    }


for(i=0, i<thumbnails.lenght, i++)
    {
       thumbnails[i].onClick=function() { cambia(this.id); }   
    }

document.getElementById("indietro").onClick=function() { cambia(this.title); }
document.getElementById("avanti").onClick=function() { cambia(this.title); }

Qualcuno potrebbe essere così gentile da trovare l'errore? Oppure potrebbe indicarmi dove scaricarne uno simile già pronto?

**fabio.beoni** · 08-09-2006, 09:28

Metti un link ad un esempio, sarà più facile aiutarti....

**Mega69** · 08-09-2006, 10:06

Ancora nn è su Internet...
Cmq quello che dovrebbe venirne fuori, l'ho gia detto, vorrei fosse simile al visualizzatore immagini di windows, con le immagini sotto che scorrono. Per essere brevi nn ho postato il codice css ( in quello sono abbastanza bravo ) .

**Andrea1979** · 08-09-2006, 10:56

Allora, per facilitare le operazioni, mettere un link ad una pagina con lo script e le immagini da qualche parte su internet non è cosa cattiva, anzi. In questo modo non dovrò copiare/incollare lo script da qui, costruirmi un caso ad hoc etc... il che mi richiederebbe molto tempo che normalmente è quello di cui non dispongo (come la maggior parte dei forumisti).

**Mega69** · 08-09-2006, 12:24

Hai ragiona, scusa...

Ecco uno zip con i due file.

Ed ecco quello che vorrei ottenere

**Andrea1979** · 08-09-2006, 12:31

amen. non cambia niente.

Mettere online =

http://www.tuosito.tuodominion/tuaca...eimmagini.html

**Mega69** · 08-09-2006, 12:51

Non ho uno spazio hosting però posso mettere il file su megaupload...
Ora comunque ho messo tutte le immagini necessarie a fare una prova, quindi basta
scompattare lo zip ed è tutto pronto.
Eccolo

**Mega69** · 09-09-2006, 08:56

Anche qualcosa di simile e gia pronto mi basterebbe...

**Mega69** · 09-09-2006, 13:18

Vabo, per adesso provo a usare lightbox, anche se non è quello che cercavo.

**menphisx** · 09-09-2006, 16:53

Non è proprio quello che vuoi ... ma con qualche modifica
Clicca QUI

Discussione: Visualizzatore immagini tipo windows

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzatore immagini tipo windows

Permessi di invio