[JAVASCRIPT] Cambiare Immagine Random

[rtank]

Ho una galleria immagini in Javascript che all'apertura della pagina html apre un'immagine random.

Per far sì che invece carichi la jpeg 001 come devo fare?

Cancello randImg() ma con cosa lo sostituisco?

grazie

[Xinod]

se non e' piu' random perche' basarsi su un javascript che inserisce un immagine random?
se hai buoni motivi per non scrivere un normale tag <img> posta il codice javascript che stai usando al momento

[rtank]

Originariamente inviato da Xinod
se non e' piu' random perche' basarsi su un javascript che inserisce un immagine random?
se hai buoni motivi per non scrivere un normale tag <img> posta il codice javascript che stai usando al momento

Mi sono spiegato male, o in modo incompleto. E' un Js che ha 3 modalità "foto precedente/foto a caso (???)/foto successiva.

Io voglio eliminare la scelta casuale e soprattutto il caricamento casuale all'apertura di pagina.

Il codice Js che gestisce i pulsanti è il seguente:

i=0

function showImg() {
	document.getElementById("immagine").src=foto[i]
	document.getElementById("immagine").alt=did[i]
	document.getElementById("didascalia").innerHTML=did[i]
}

function nextImg() {
	i++
	if (i>=foto.length) {i=0}
	showImg()
}
	
function prevImg() {
	i--
	if (i<0) {i=foto.length - 1}
	showImg()
}
	
function randImg() {
	i=Math.floor(Math.random() * (foto.length))
	showImg()
}

Mentre lo script che gestisce il js da html è:

<script type="text/JavaScript"><!--
randImg()
//--></script>
<form action=" ">
<fieldset>
      <div align="center">
        <input class="fg-button" onclick="javascript:prevImg();" type="button" value="&lt;" title="foto precedente" tabindex="4" />
---------------------------------(ho eliminato manualmente lo script relativo alla scelta casuale)----------------------
        <input class="fg-button" onclick="javascript:nextImg();" type="button" value="&gt;" title="foto successiva" tabindex="3" />
      </div>
      </fieldset>
</form>

In attesa

[Xinod]

ora ha senso
semplicemente non richiamare randImg() ma showImg()

se non vuoi partire dalla prima cambia i=0 in
i=1 per la seconda
i=2 per la terza
etc etc

[rtank]

Originariamente inviato da Xinod
ora ha senso
semplicemente non richiamare randImg() ma showImg()

se non vuoi partire dalla prima cambia i=0 in
i=1 per la seconda
i=2 per la terza
etc etc

Perdonami sarò impedito io ma non funge. i=0 nell'elenco foto è

foto[0]=pre+'001.jpg'

Ho sostituito nella pagina html l'istruzione randImg() con showImg() ma non viene caricata alcuna foto...Ho forse dimenticato d'impostare qualche parametro?

Intanto grazie per LE risposte

[Xinod]

dimentica quanto ho scritto riguardo "i"
come ti ho indicato sopra dovrebbe funzionare, quindi...
puoi postare tutto il codice senza omissioni e manipolazioni?

[rtank]

Originariamente inviato da Xinod
dimentica quanto ho scritto riguardo "i"
come ti ho indicato sopra dovrebbe funzionare, quindi...
puoi postare tutto il codice senza omissioni e manipolazioni?

Intendi il codice originale che sto cercando di modificare? comprensivo delle istruzioni "random" dici?

[Xinod]

ya

[rtank]

File JS:

// JavaScript Document
<!--

/*
*/

// Percorso della cartella delle immagini
var pre="file:///../../../../../gallery/Immagini/"

// Elenco foto
var foto=new Array()
foto[0]=pre+'001.jpg'
foto[1]=pre+'002.jpg'
foto[2]=pre+'003.jpg'
foto[3]=pre+'004.jpg'
foto[4]=pre+'005.jpg'

ETC ETC...(fino a 31 foto totali)

// Elenco didascalie
var did=new Array()
did[0]='\"foto1\"'
did[1]='\"foto2\"'
did[2]='\"foto3\"'

ETC ETC...(fino a 31 didascalie totali)






// funzioni puls//////////

i=0

function showImg() {
	document.getElementById("immagine").src=foto[i]
	document.getElementById("immagine").alt=did[i]
	document.getElementById("didascalia").innerHTML=did[i]
}

function nextImg() {
	i++
	if (i>=foto.length) {i=0}
	showImg()
}
	
function prevImg() {
	i--
	if (i<0) {i=foto.length - 1}
	showImg()
}
	
function randImg() {
	i=Math.floor(Math.random() * (foto.length))
	showImg()
}

//-->

Codice della pagina:

<script type="text/javascript" src="file:///../../../../../gallery/galleriafotografica.js"></script>
<div class="centered">[img] [/img]
<p id="didascalia">Javascript non supportato</p>

<script type="text/JavaScript"><!--
randImg()
//--></script>
<form action=" ">
<fieldset>
   <input class="fg-button" onclick="java script:prevImg();" type="button" value="&lt;" title="foto precedente" tabindex="4" />   
   <input class="fg-button" onclick="java script:randImg();" type="button" value="?" title="pesca una foto a caso" tabindex="5" />   
   <input class="fg-button" onclick="java script:nextImg();" type="button" value="&gt;" title="foto successiva" tabindex="3" />
</fieldset>
</form>

Spero che sia tutto...Resto in attesa

[rtank]

Io ho provato e riprovato...Ma proprio non funge.
La pagina viene caricata con la sola didascalia "Javascript non supportato" e quando clicco sulle freccette la carrellata di immagini comincia dalla foto 2...Se clicco sulla freccia per andare indietro, compare la 1 regolarmente...Così come le didascalie corrispondenti.

...Può essere che dipenda dal fatto che lo sto testando in locale?