slideshow senza miniature

**ila6** · 23-04-2011, 00:25

ciao a tutti, premetto che non conosco nessun linguaggio di programmazione script,
ma devo inserire una slideshow nel mio sito.
non avrei problemi ad utilizzare un qualunque script che si trova online, ma il mio problema è che non avrei bisogno delle miniature ma la slideshow dovrebbe partire da una pagina che ho creato io con le miniature delle foto in questione.
per capirci:
dalla pagina http://www.emmebiwedding.it/gallery.html
vorrei che cliccando su una delle immagini si aprisse lo slideshow.
è possibile? io ho bisogno di non modificare la pagina gallery.html
grazie per la collaborazione e scusate l'ignoranza

**luca1962** · 23-04-2011, 14:03

Imposta le singole immagini come immagini cliccabili

[img]nome_immagine.jpg[/img]

e collegale alla pagina che contiene lo slideshow (cioe' pagina_da_aprire.html).

**ila6** · 26-04-2011, 23:09

cosa mi consigli di usare per lo slideshow?

**ila6** · 28-04-2011, 21:01

ho scaricato un piccolo script da html.it
http://javascript.html.it/script/ved...sic-slideshow/

e ho provato ad adattarlo alle mie esigenze:
le foto si chiamano 1,2,3 e si trovano tutte nella stessa cartella, che si chiama "allestimenti"
quindi il mio script è diventato:

codice:

  
<!-- Begin
NewImg = new Array (
"allestimenti\1.jpg",
"allestimenti\2.jpg",
"allestimenti\3.jpg"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;
 
//Time delay between Slides in milliseconds
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);
   }
}
//  End -->
</script>
 
 
 
</head>
<body>



<div align="center" style="background-color:white;padding:3px">[img]images_web/immagini/gallery/allestimenti/1.jpg[/img]
  <table>
<tr>
<td align="right">Previous</td>
<td align="center">Auto/Stop</td>
<td align="left">Next</td>
</tr>
</table>
 
 
 
</div>
	
 

</script>

ma lo script non gira...
dove sbaglio?????
please help sto impazzendo!

**Vincent.Zeno** · 29-04-2011, 23:16

@ila6

ricorda di usare il tag CODE per postare codice

correggi i percorsi immagine:
allestimenti\1.jpg
diventa
allestimenti/1.jpg

e togli la chiusura inutile ( </script> ) dal body

sposto su JS

**ila6** · 30-04-2011, 11:36

ecco, ho modificato i percorsi, ora lo script è così:

<SCRIPT LANGUAGE="JavaScript">


</script>

</head>

<body>

<div align="center" style="background:#ffcfd0;padding:3px">
[img]images_web/immagini/gallery/allestimenti/1.jpg[/img]
<table>
<tr>
<td align="right">Previous</td>
<td align="center">Auto/Stop</td>
<td align="left">Next</td>
</tr>
</table>

</div>

</body>

ma nada.... dove sbaglio???

**michele.santoro** · 30-04-2011, 17:21

Originariamente inviato da ila6
ecco, ho modificato i percorsi, ora lo script è così:

<SCRIPT LANGUAGE="JavaScript">


</script>

</head>

<body>

<div align="center" style="background:#ffcfd0;padding:3px">
[img]images_web/immagini/gallery/allestimenti/1.jpg[/img]
<table>
<tr>
<td align="right">Previous</td>
<td align="center">Auto/Stop</td>
<td align="left">Next</td>
</tr>
</table>

</div>

</body>

ma nada.... dove sbaglio???

Prova così:

codice:

<html>
<head>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
NewImg = new Array (
"images_web/immagini/gallery/allestimenti/1.jpg",
"images_web/immagini/gallery/allestimenti/2.jpg",
"images_web/immagini/gallery/allestimenti/3.jpg"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//Time delay between Slides in milliseconds
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);
   }
}
//  End -->
</script>



</head>
<body>



<div align="center" style="background-color:#ffcfd0;padding:3px">


[img]images_web/immagini/gallery/allestimenti/1.jpg[/img]
<table>
<tr>
<td align="right">Previous</td>
<td align="center">Auto/Stop</td>
<td align="left">Next</td>
</tr>
</table>



</div>
</body>
</html>

**ila6** · 01-05-2011, 15:08

grazie x la risposta, ma purtroppo ancora non gira.
ho messo la pagina online così magari x favore riesci a capire dove sbaglio...
grazie mille in anticipo

http://www.emmebiwedding.it/gallery_allestimenti.html

**cavicchiandrea** · 01-05-2011, 15:17

togli il - in java-script > javascript

**ila6** · 01-05-2011, 17:17

TI ADOROOOO!!!
GRANDE!! GRAZIE MILLEEE!!

so che probabilmente era una banalità ma proprio non conosco il java..

Discussione: slideshow senza miniature

Strumenti discussione

Ricerca discussione

Visualizza

slideshow senza miniature

Permessi di invio