Caricare Array Immagini

**GANDULE** · 25-04-2010, 18:33

Ciao a tutti;
sono Giovanni, volevo porvi questo problema, ho scritto questo codice, cercando di creare una osrta di slideshow, molto artigianale, ma giusto per iniziare a capire sempre di più come funziona il mondo Javascript.

Innanzitutto vi posto il codice, così magari è più chiaro capire dove stà l'errore

codice:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>


<script type="text/javascript" language="javascript">
<!--

var images = new array();

images[0] = 'festa in mensa1.jpg';

images[1] ='festa in mensa2.jpg';


images[2] = 'n1538906173_164241_1750.jpg';



function imagerota(val)

{
	
	alert(val);
	
	document.center_photo.src = images[val];
	
}


//-->
</script>




</head>

<body>

<div id="div_container">

	<div id="div_testa">
    
    <div id="div_center">
    	
        <div id="div_center_photo">
        	
        	[img]festa in mensa1.jpg[/img]

        		
		        
        </div>
        
        <div id="div_center_text">
        
        	 uno 
        	 due 
             tre 
              
        </div>
    
    </div>

</div>


</body>
</html>

Il problema è che al click non viene caricata nessuna immagine, è possibile che il problema stia nell'associare ad ogni elemento dell'array un'immagine?? Oppure stò combinando qualche altro guaio??

**br1** · 25-04-2010, 19:35

document.getElementById('center_photo').src = images[val];

e

<a href="#" onclick="imagerota(0);return false">

ciao

ps: non sono sicuro che per IE "images" non sia una parola riservata... nel caso prova a cambiarla

**GANDULE** · 25-04-2010, 23:08

Scusate, credevo di aver inserito un titolo abbastanza consono...

ho provato ad applicare le modifiche, ma non sembra funzionare... posto il nuovo codice aggiornato...

codice:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>


<link rel="stylesheet" type="text/css" href="stile.css" />


<script type="text/javascript" language="javascript">
<!--

var images = new array();

images[1] = 'festa in mensa1.jpg';

images[0] ='festa in mensa2.jpg';


images[2] = 'n1538906173_164241_1750.jpg';



function imagerota(val)

{
	
	alert(val);
	
	
	document.getElementById('center_photo').src = images[val];
	
}


//-->
</script>




</head>

<body>

<div id="div_container">

	<div id="div_testa">
    
    <div id="div_center">
    	
        <div id="div_center_photo">
        	
        	[img]festa in mensa1.jpg[/img]

        		
		        
        </div>
        
        <div id="div_center_text">
        
        	<a href="#" onclick = "imagerota(0); return false">
        
        	 uno 
        	 due 
             tre 
              
        </div>
    
    </div>

</div>


</body>
</html>

**br1** · 25-04-2010, 23:30

Originariamente inviato da GANDULE
Scusate, credevo di aver inserito un titolo abbastanza consono...

:master: e cioe' ?

:master:

Ah, forse perche' mi ero scordato questo:

var images = new Array();

ciao

ps: le maiuscole non sono un'opinione in javascript

**GANDULE** · 26-04-2010, 12:40

Scusate, credevo di aver inserito un titolo abbastanza consono...

e cioe' ?

In fondo, nel tuo "saluto" c'era un riferimento ai titoli e pensavo, fosse indirizzato a me.

Comunque...

Ho applicato le modifiche, anche stando attento alle maiuscole e minuscole, ma il risultato non cambia...

c'è un modo per verificare che vengano caricate nell'array le immagini? Un qualche debug? Magari il problema sta proprio li... ?!?

**br1** · 26-04-2010, 12:53

Al posto di

alert(val);

usa

alert(images[val]);

e verifica che le immagini esistano effettivamente nella stessa cartella server in cui sta la pagina.

ciao

**GANDULE** · 26-04-2010, 14:38

Non mi viene mostrato nulla...

con l'avviso di alert, dovrei visualizzare il percorso dell'immagine? Ma nell'elemnto dell'array viene caricata l'immagine vera e proprio, oppure il suo percorso?

Sembrerebbe quindi che il problema sta qui... giusto?

**br1** · 26-04-2010, 15:06

Viene caricato solo il percorso, non l'immagine.

Originariamente inviato da br1
ps: non sono sicuro che per IE "images" non sia una parola riservata... nel caso prova a cambiarla

Prova a cambiare il nome dell'array.

ciao

**GANDULE** · 27-04-2010, 08:26

Ciao!!

Ho provato anche a cambiare il nome dell'array, posto il codice direttamente... però non riesco a far andare queste due fesserie di codice!!

Boh... ma che strano...

codice:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>


<link rel="stylesheet" type="text/css" href="stile.css" />


<script type="text/javascript" language="javascript">
<!--

var ima = new array();

ima[1] = 'festa in mensa1.jpg';

ima[0] ='festa in mensa2.jpg';


ima[2] = 'n1538906173_164241_1750.jpg';



function imagerota(val)

{
	
	alert(ima[val]);
	
	
	document.getElementById('center_photo').src = ima[val];
	
}


//-->
</script>




</head>

<body>

<div id="div_container">

	<div id="div_testa">
    
    <div id="div_center">
    	
        <div id="div_center_photo">
        	
        	[img]festa in mensa1.jpg[/img]

        		
		        
        </div>
        
        <div id="div_center_text">
        
        	<a href="#" onclick = "imagerota(0); return false">
        
        	 uno 
        	 due 
                 tre 
              
        </div>
    
    </div>

</div>


</body>
</html>

**br1** · 27-04-2010, 10:29

Non segui i consigli...

Originariamente inviato da br1
var images = new Array();

ciao

ps: le maiuscole non sono un'opinione in javascript

Discussione: Caricare Array Immagini

Strumenti discussione

Ricerca discussione

Visualizza

Caricare Array Immagini

Permessi di invio