Galleria Foto Apple

[Rsantomo]

Ciao a tutti!

Non sò se l'avete vista, ma mi è molto piaciuta la galleria foto che usa apple per i suoi prodotti (ne trovate una selezionando il macbook nell'apple store e poi cliccando su galleria a metà pagina).

Vorrei metterla nel mio sito personale.

Mi potretse gentilmente dare il codice js e qualche istruzione su come integrarlo in dreamweaver?

Grazie mille.

[br1]

Originariamente inviato da Rsantomo
Mi potretse gentilmente dare il codice js e qualche istruzione su come integrarlo in dreamweaver?

Tantissimi qui hanno imparato leggendo e studiando il codice js nelle pagine trovate in rete... ora ci chiedi di: -reperire la pagina che hai indicato; -leggere e studiare il codice; -spiegartelo...

Sara' sicuramente piu' istruttivo che tu stesso faccia questi passi... magari sfruttando il famoso "Visualizza -> HTML" del menu o "Tasto_Destro -> HTML" del mouse.

Oppure aspetti che qualcuno faccia questo per te

ciao

[Rsantomo]

Ok scusate...

Riformulo: ho un problema con una galleria fotografica che sto impostando su dreamweaver.

Il codice js è ok e facendo anteprima la galleria funziona correttamente, ma quando voglio mettere un rollover come pulsante "indietro" o "avanti", nell'anteprima della pagina non funzionano ne i rollover, ne la galleria.

Mi potreste aiutare.

Grazie.

[br1]

Dato che il codice della galleria non conviene postarlo (per ora) puoi almeno farci vedere quale dei possibili rollover hai utilizzato? tanto per ragionare su qualcosa di concreto e non tirare ad indovinare...

ciao

[Rsantomo]

Allora, è una galleria esempio che ho trovato proprio su html.it.

corrispondeva a quello che avevo in mente e l'ho modificata.

Ecco il js dell' head:
<SCRIPT LANGUAGE="JavaScript">

NewImg = new Array (
"images/1.gif",
"images/2.gif",
"images/3.gif"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

var delay = 3000;

var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}

</script>

ecco quello del body:
<div align="center" style="background-color:white;padding:3px">
<table width="100">
<tr>
<td>[img]Prev.jpg[/img]</td>
<td>[img]images/1.gif[/img]</td>
<td>[img]Forw.jpg[/img]</td>
</tr>
</table>

I pulsanti sono delle semplici jpg che ho prima creato in illustrator e poi portate in photoshop.

Dato che posso allegare solo un documento ti invio solo "avanti".

Se avete bisogno di qualcos'altro chiedete.

Grazie ancora.

[br1]

Sara' la domenica, sara' che ho gli occhi stanchi, ma non vedo il codice del rollover che ti avevo chiesto...

ciao

[Rsantomo]

Hai ragione scusa l'avevo tolto:

<table width="100">
<tr>
<td>[img]Prev.jpg[/img]</td>
<td>[img]images/1.gif[/img]</td>
<td>[img]Forw.jpg[/img]</td>
</tr>
</table>

[Rsantomo]

tranquilli problema risolto...