Come realizzare ciò!?

**I'm milhouse** · 18-01-2006, 11:15

Ciao ragazzi,
questo é il link in questione

clicca qui :-)
nella sezione illustration o 3d artwork é come se vi fosse ad inizio pagina un box ove compaiono le immagini che vengono cliccate subito sotto di esso..credete sia una funzioncina in js?
Io vorrei usare lo stesso effetto (simile) solo che vorrei usare la soluzione il più possibile pulita.
Thanks

**I'm milhouse** · 18-01-2006, 12:07

ho studiacchiato il sorgente..escluderei l'ipotesi javascript

**pierofix** · 18-01-2006, 12:12

Potresti descriverci meglio la cosa di cui stai parlando? Io, almeno, non ho capito a cosa tu ti riferisca.

**I'm milhouse** · 18-01-2006, 12:20

vorrei utilizzare l'effetto di visualizzazione delle immagini presente nelle sezioni 3d artwork & illustration.
Ovvero vorrei che cliccando su una data immagine si aprisse il suo riquadro, mostrando così l'immagine ingrandita.
Grazie

**dydale** · 18-01-2006, 12:27

Neanche a me sembra fatto in js, comunque qualcosa del genere si può fare con js, l'avevo fatto tempo fa. Se hai pazienza fino a domani recupero lo script e te lo mando.

**lorenzos** · 18-01-2006, 12:30

Credo che sia più semplicemente fatto con un unso ottimo dei css.
Dando valori diversi all'acrive,,,

**I'm milhouse** · 18-01-2006, 12:33

Grazie dydale..attendo

**nuky** · 18-01-2006, 12:50

Se po' fà così, è migliorabilissimo

, l'ho buttato giù in 10 minuti!
Ad esempio si può nascondere l'immagine piccola e inserire il percorso di queste in una array. A questo punto si può generare tutta la galleria in un for.
Oggi non c'hovvoglia di fare una mazza...

codice:

<style>
.nascosta {display:none;}
.visibile {display:block;}
</style>
<script>
  var visualizzata = "img0";
  var immagini = new Array ("imggrande0.jpg" ,
                            "imggrande1.jpg" ,
                            "imggrande2.jpg" ,
                            "imggrande3.jpg")
  
function Visualizza(daVisualizzare) {
  if (visualizzata==daVisualizzare) return true;
  document.getElementById(visualizzata).className = "nascosta";
  
  if (document.getElementById(daVisualizzare).src=="")
    document.getElementById(daVisualizzare).src = immagini[0];
  document.getElementById(daVisualizzare).className = "visibile";

  visualizzata = daVisualizzare;
}
</script>

<body>
  <div>
    [img]imggrande0.jpg[/img]
    [img]imgpiccola0.jpg[/img]testo
  </div>
  
  <div>
    <img class="nascosta" id="img1" />
    [img]imgpiccola1.jpg[/img]testo
  </div>
  
  <div>
    <img class="nascosta" id="img2" />
    [img]imgpiccola2.jpg[/img]testo
  </div>

  <div>
    <img class="nascosta" id="img3" />
    [img]imgpiccola2.jpg[/img]testo
  </div>
</body>

**creattivo** · 18-01-2006, 12:57

a me sembrano dei semplicissimi div nascosti che vengono resi visibili al click...
non ho studiato il codice però.... nun c'ho voglia adesso.-

**nuky** · 18-01-2006, 13:00

Originariamente inviato da creattivo
a me sembrano dei semplicissimi div nascosti che vengono resi visibili al click...
non ho studiato il codice però.... nun c'ho voglia adesso.-

Non sei originale.

Discussione: Come realizzare ciò!?

Strumenti discussione

Ricerca discussione

Visualizza

Come realizzare ciò!?

Permessi di invio