Visualizza la versione completa : cambio immagine onmouseover e onclick
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.
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)
Questo codice è perfetto ...
Ti ringrazio, ciao.
Grejo.
:mavieni: :mavieni:
:mavieni: :mavieni:
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:
<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?
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:
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>
Grazie, a buon rendere.
Ciao. Grejo.
:metallica :metallica :metallica :metallica
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ò:
