Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1

    OnMouseOut: reimpostare immagine iniziale

    document.images['img_01'].src = 'img/st_blu_pic.gif';

    All'OnMouseOver, con questo script, cambio l'immagine.
    All'OnMouseOut dovrei rimettere l'immagine iniziale. Il problema è che non posso sapere qual'è!! Quindi mi chiedevo se ci fosse il modo per 'annullare' lo script precedente e reimpstare l'immagine inizialmente (solo html) caricata.

    Si può fare?

    Grazie

  2. #2
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    perchè non sai qual'è?
    in qualche modo la scrivi nel percorso dell'immagine, quindi dovresti averla anche per metterla al mouseOut :master:
    Chicco Ravaglia per sempre con noi!

  3. #3
    Si volendo la posso passare, ma visto che è sempre diversa, mi chiedevo se c'era il modo di ripristinare quella iniziale...

    Diciamo che è più per curiosità! E' anche così che si impara qualcosa di nuovo, no? :adhone:

  4. #4
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737

    non credo ci sia questa possibilità... :master:
    però magari qualcuno più esperto...

    prova con document.images['img_01'].reset

    me spias
    Chicco Ravaglia per sempre con noi!

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    solo una dritta ...

    potresti salvarla in una variabie prima di sovrascriverla ...
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  6. #6
    credo che JS non sia così pignolo da impedirti di dare una nuova proprietà ad un oggetto in maniera dinamica...

    esempio:
    [img]nuova.jpg[/img]

    ho immaginato che usi il rollover inline... ma non so effettivamente... se non è così posta il codice
    ciao
    «Se leggi dimentichi, se vedi capisci, se fai impari» Piaget

  7. #7
    Il fatto è che all'OnMouseOver su una immagine, ne devo andare a modficare anche altre 2! All'OnMouseOut dovrebbero tornare tutte come all'inizio...

    Grazie

  8. #8
    posta il codice che hai intenzione di adattare... non posso immaginare come vuoi fare...
    «Se leggi dimentichi, se vedi capisci, se fai impari» Piaget

  9. #9
    Certo, hai ragione!

    codice:
    <html>
    <head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/javascript">
    	function view_collegate(collegate,mouse) {
    		if (collegate != "") {
    			var collegate_array = new Array();
    			collegate_array = collegate.split(";");
    			for (i=0;i<collegate_array.length;i++) {
    				//OnMouseOver, entrambe diventano blu
    				if (mouse == '1') {
    					document.images['img_'+collegate_array[i]].src = 'img/st_blu_pic.gif';
    				//OnMouseOut, ognuna ritorna del colore del suo stato
    				} else {
    					document.images['img_'+collegate_array[i]].src = 'img/st_azzurro_pic.gif';
    				}
    			}
    		}
    	}
    </script>
    </head>
    
    <body>
    [img]img/st_azzurro_pic.gif[/img]
    [img]img/st_azzurro_pic.gif[/img]
    [img]img/st_azzurro_pic.gif[/img]
    [img]img/st_azzurro_pic.gif[/img]
    </body>
    </html>
    Questo funziona bene, ma se le immagini iniziali non fossero tutte azzurre, ma una di un colore e una di un altra, la cosa non funzionerebbe...

    Se vi servono altre info o non mi sono spiegato chiedete pure!

  10. #10
    prova così:

    codice:
    <html>
    <head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/javascript">
    	function view_collegate(collegate,mouse) {
    		if (collegate != "") {
    			var collegate_array = new Array();
    			collegate_array = collegate.split(";");
    			for (i=0;i<collegate_array.length;i++) {
    				//OnMouseOver, entrambe diventano blu
    				if (mouse == '1') {
    					document.images['img_'+collegate_array[i]].src2 = document.images['img_'+collegate_array[i]].src;
    					document.images['img_'+collegate_array[i]].src = 'img/st_blu_pic.gif';
    				//OnMouseOut, ognuna ritorna del colore del suo stato
    				} else {
    					document.images['img_'+collegate_array[i]].src = document.images['img_'+collegate_array[i]].src2;
    				}
    			}
    		}
    	}
    </script>
    </head>
    
    <body>
    [img]img/st_azzurro_pic.gif[/img]
    [img]img/st_azzurro_pic.gif[/img]
    [img]img/st_azzurro_pic.gif[/img]
    [img]img/st_azzurro_pic.gif[/img]
    </body>
    </html>
    «Se leggi dimentichi, se vedi capisci, se fai impari» Piaget

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.