[JS] Switch due immagini ogni click

**g0t3nk5** · 27-05-2006, 15:41

Salve ragazzi, ho cercato in giro ma non ho trovato nessun script già scritto che faccia al caso mio quindi provo a chiedere a voi. E' possibile in JS fare uno script che faccia lo switch di due immagini ad ogni click? Mi spiego meglio..

Ho una immagine "img1.jpg" con un collegamento. Quando faccio click sul link cambia l'immagine in "img2.jpg" (e fin qui sono riuscito tramite l'OnClick): ora clickando nuovamente dovrebbe cambiare di nuovo in "img1.jpg" e così via sempre con le stesse immagini e con lo switch delle stesse ad ogni click. Spero di essermi spiegato!

E' possibile fare questo?

Ciao e grazie in anticipo.

Got

**g0t3nk5** · 28-05-2006, 11:43

Mi potreste aiutare a correggere questo codice?

codice:

<script language="JavaScript">

function change(name){
var conf = document.images.+name+.src
if (conf=="images/showmore.jpg"){
document.images.+name+.src="images/showmore_on.jpg";
}
else {
document.images.+name+.src="images/showmore.jpg";
}
}

</script>

codice:

[img]images/showmore.jpg[/img]

**br1** · 28-05-2006, 12:03

Benvenuto sul forum

Uno spunto: http://forum.html.it/forum/showthrea...hreadid=983681

ciao

**g0t3nk5** · 28-05-2006, 12:08

Se c'è qualcuno a cui dovesse interessare tale script ecco la "risoluzione finale".

codice:

<script language="JavaScript">

function change(name){
var conf = document.getElementById(name);
if (conf.src=="http://www.tuosito.com/images/img1.jpg"){
conf.src="http://www.tuosito.com/images/img2.jpg";
}
else {
conf.src="http://www.tuosito.com/images/img1.jpg";
}
}

</script>

codice:

</td>

**cembalino** · 10-08-2006, 12:36

Ciao,
sono completamente principiante in programmazione Javascript e perciò volevo copiare questo codice per il mio sito, perchè io dovrei cambiare tra 3 immagini sempre con un click.

Allora ho preso il codice e l'ho cambiato così:

codice:

<script language="JavaScript">

function change(name){
var conf = document.getElementById(idimg);
if {conf.src=="1.jpg"}
	{conf.src="2.jpg";}
		{conf.src="3.jpg";}
else {
conf.src="1.jpg";
}
}
</script>

però non funziona, viene caricata la prima immagine, però al click con il mouse non cambia niente, tranne il # all'URL.

Grazie

Cembalino

**secan** · 10-08-2006, 12:59

Ciao Cembalino,
prova a vedere se così funziona:

codice:

<html>

<head>
  <script type="text/javascript">
  // imposto il numero di immagini fra cui "scorrere"
  var imgLimit = 5;

  // creo un array e lo popolo con i nomi delle immagini
  var arrImgs = new Array(imgLimit);
  arrImgs[0] = "img1.jpg";
  arrImgs[1] = "img2.jpg";
  arrImgs[2] = "img3.jpg";
  arrImgs[3] = "img4.jpg";
  arrImgs[4] = "img5.jpg";

  // creo ed inizializzo un cursore per scorrere l'array
  // il cursore viene inizializzato a "1" per evitare che il primo click ricarichi l'immagine di partenza
  var imgCursor = 1; 

  // funzione per il cambio dell'immagine
  function cambiaImg(imgID) {
    obj = document.images[imgID];
	
    // cambio l'immagine	
    obj.src = arrImgs[imgCursor];

    // incremento il cursore
    imgCursor ++;

    // se il cursore ha raggiunto il limite, lo azzero
    if (parseInt(imgCursor) >= parseInt(imgLimit)) {
      imgCursor = 0;
    }
  }
  </script>
</head>

<body>
  <a href="#" onclick="cambiaImg('miaImg'); return false;">[img]img1.jpg[/img]
</body>

</html>

Ciao,
Saverio

**cembalino** · 10-08-2006, 13:25

Grandeeeeee
funziona perfettamente!

Discussione: [JS] Switch due immagini ogni click

Strumenti discussione

Ricerca discussione

Visualizza

[JS] Switch due immagini ogni click

Permessi di invio