PDA

Visualizza la versione completa : cambio immagine onmouseover e onclick


 
Grejo
25-07-2003, 15:16
Mi serve uno script che data un'immagine:
- al passaggio del cursore sopra l'immagine1 mi cambi l'immagine con immagine2;
- all'uscita del cursore dall'immagine mi carichi l'immagine che c'era prima che il cursore entrasse nell'immagine.
- al click sull'immagine mi venga caricata l'immagine2 e non cambi nenache se il cursore esce o entra dall'immagine.
Tutto questo deve essere applicato a + immagini nella stessa pagina.
Ciao e Grazie.
Grejo.

v2v2
26-07-2003, 11:38
Prova questo codice

<HTML>
<HEAD>
<script>
var x=true;
var y=true;
function cambia(questo,what){

if(what=="fix" )y=false;

if(y){
var source="";
var end=questo.src.length;

for(i = 0; i<(end-5); i++){
source= source + questo.src.charAt(i);
}

if(x) {source= source+'2.gif';
x=false}
else {source= source+'1.gif';
x=true};

questo.src=source;

}
}

</script>
</HEAD>
<BODY>
logo1.gif

immagine1.gif
</BODY>
</html>

Le img le devi chiamare "***1.???" la prima e "***2.???" la seconda.
Quello che sta prima del numero(***) deve esere uguale per entrambe le img.
Le estensioni(???) devono avere 3 caratteri(es. gif,jpg). Se devi mettere img .jpeg devi cambiare
(end-5)

Grejo
26-07-2003, 14:44
Questo codice perfetto ...
Ti ringrazio, ciao.
Grejo.

:mavieni: :mavieni:
:mavieni: :mavieni:

v2v2
26-07-2003, 21:52
:metallica

Grejo
28-07-2003, 10:36
Mi puoi modificare il tuo script in modo che se clicco su un'altra immagine mi si blocca l'immagine appena cliccata e mi si sblocca quella di prima.
Ciao e Grazie. Grejo.

:ciapet: :ciapet:
:ciapet: :ciapet:

v2v2
28-07-2003, 13:46
<HTML>
<HEAD>
<script>
var y=0;
function cambia(questo,what,num){

if(what=="fix" )y=num;

if(y!=num){
var source="";
var end=questo.src.length;

for(i = 0; i<(end-5); i++){
source= source + questo.src.charAt(i);
}

if(questo.src.charAt(end-5)==1) {source= source+'2.jpg'}
else {source= source+'1.jpg'};

questo.src=source;

}
}

</script>
</HEAD>
<BODY>
logo1.jpg


img1.jpg
</BODY>
</html>
Cos riesci a sbloccare l'img che avevi cliccato!

Per timane di default "img2.???" e non "img1.???"
Ti pu andar bene lo stesso?

Grejo
28-07-2003, 14:04
Prima modificando mi si era posto lo stesso problema, per a me serve che di default sia img1.jpg.
Se puoi mi faresti un grande piacere a modificarlo.
Second me la soluzione quella di modificare il src dell'immagine bloccata con img1.jpg e poi immetere il src della nuova immagine da bloccare.
Che ne dici se metto all'interno dei tag img l'attributo id="1",
cos poi quando si deve cliccare su un'immagine prima di inserire il nuovo src scrivo document.images(xyz).src=img1.jpg, dove xyz una variabile in cui mi faccio salvare l'id dell'immagine bloccata.
Ciao e Grazie. Grejo.

:ciapet: :ciapet:
:ciapet: :ciapet:

v2v2
28-07-2003, 14:30
Ecco:

<HTML>
<HEAD>
<script>
var y="";
var x="";
function cambia(questo,what){

if(what=="fix" ){
if(y!="")giraImg(y);
y=questo.id;
}
if(y!=questo.id)giraImg(questo.id);
}

function giraImg(x){

var source="";
var end=document.getElementById(x).src.length;

for(i = 0; i<(end-5); i++){
source= source + document.getElementById(x).src.charAt(i);
}

if(document.getElementById(x).src.charAt(end-5)==1) {source= source+'2.jpg'}
else {source= source+'1.jpg'};

document.getElementById(x).src=source;

}
</script>
</HEAD>
<BODY>
logo1.jpg


img1.jpg
</BODY>
</html>

Grejo
28-07-2003, 14:34
Grazie, a buon rendere.
Ciao. Grejo.
:metallica :metallica :metallica :metallica

Grejo
28-07-2003, 17:06
Ma porco dio, credevo che andasse tutto bene e invece ...
Ci sono tre problemi:
- il primo problema che dopo un p di volte che si clicca si invertono le chiamate delle immagini ossia quando il cursore fuori l'immagine illuminata e viceversa quando il cursore dentro.
- il secondo problema che quando si clicca sopra l'immagine bloccata mi si sblocca e questo non voglio che accada, in quanto voglio che un'immagine si sblocchi solo se si clicca su un'altra immagine.
- il terzo e ultimo problema che se cambio la parola da fix a fisso non mi va + niente e non capisco perch.
Porco dio.
Ciao, Grejo.
:dh: :dh: :dh: :dh:

Loading