script di galleria e javascript

[jerry47]

ho scaricato uno script tra quelli proposti dal sito, precisamente si tratta di una galleria fotografica in javascript.

L'esempio funzionante correttamente è:
www.movietivigroup.com/album/esempio.htm

il file html ha nel body un codice come questo:

<div id="demo">
	<div id="MooFlow">
	    <div>[img]img/1.jpg[/img]</div>
	    <div>[img]img/2.jpg[/img]</div>
	    <div>[img]img/3.jpg[/img]</div>
	    <div>[img]img/4.jpg[/img]</div>
	    <div>[img]img/5.jpg[/img]</div>
	    <div>[img]img/6.jpg[/img]</div>
	    <div>[img]img/7.jpg[/img]</div>
	    <div>[img]img/8.jpg[/img]</div>
	    <div>[img]img/9.jpg[/img]</div>
	    <div>[img]img/10.jpg[/img]</div>
	</div>
</div>

che praticamente per ogni immagine crea un div diverso in cui carica l'immagine stessa.
Dato che vorrei utillizare lo script anche con molte immagine vorrei evitare di scrivere per ogni immagine tutto il div e avevo pensato di sostituire la parte dei vari div con uno script in Javascript del tipo:

<div id="demo">
	<div id="MooFlow">
	<script type="text/javascript">
		var tot_foto=10;
		for(var i=1; i <= tot_foto ; i++)
			document.write("<div><img src=\""+i+".jpg\" alt=\"Immagine "+i+"\"/></div>");
	</script>
	</div>
</div>

ma non succede niente e la pagina resta bianca. In cosa sbaglio?
l'esempio modificato è:
www.movietivigroup.com/album2/esempio.htm

se qualcuno mi puo dare una mano lo ringrazio in anticipo....ciao

[Xinod]

parti almeno da una cosa del genere

	<div id="MooFlow">
	</div>
	<script type="text/javascript">
		var tot_foto=10;
		for(var i=1; i <= tot_foto ; i++){
			var im=document.createElement('img');
			var dv=document.createElement('div');
			im.src=i+".jpg";
			im.alt="Immagine "+i;
			dv.appendChild(im);
			document.getElementById('MooFlow').appendChild(dv);
		}
	</script>

e fai in modo che lo script riesca a trovare 10 immagini, da 1 a 10

ciao

[jerry47]

grazie per la risposta, ho inserito il tuo codice sembra fare qualcosa ma alla fine non compare nulla, ma un passo in piu lo fa.
In che senso dovrei riuscire a fargli trovare le 10 immagini? mi puoi indicare meglio? grazie

www.movietivigroup.com/album2/esempio.htm

[jerry47]

considera che le immagini sono dentro la cartella img nella stessa directry di esempio.html e tutte le immagini hano come nome X.jpg. X va da 1 a 10

[Xinod]

appunto, questo percorso glielo devi specificare
im.src="img/"+i+".jpg";

[jerry47]

grazie sei un grande. A volte mi perdo nelle cose piu piccole.
Senti già che ci sei, sai pure se posso calcolare in automatico quante foto ci sono nella cartella img e inserire il valore nella variabile tot_foto?

grazie ancora....

[Xinod]

Originariamente inviato da jerry47
posso calcolare in automatico quante foto ci sono nella cartella img e inserire il valore nella variabile tot_foto?

se conti di mantenere questa nomenclatura, con un numero sempre progressivo e senza numeri mancanti, e' plausibile anche cercare di farlo in javascript
altrimenti soltanto con un linguaggio lato server puoi leggere il contenuto di una cartella

[jerry47]

va bene ti ringrazio. Per me puoi chiudere anche il thread...non so se funziona cosi