Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    [Aiuto]Immagine che cambia al passaggio del mouse (e resta cambiata)

    Salve a tutti, mi sto facendo un sito, e non sono molto esperto di dhtml.
    Allora, io vorrei che quando passo con il mouse su un immagine, diventi un altra immagine, e che anche se tolgo il mouse, resti la seconda immagine per 1 secondo.
    io ho questo script

    <a onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimswapImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].lowsrc;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="javascript:void(0)">
    [img]1FISSO.gif[/img]</a>

    come faccio a fare quello che voglio
    ps: cercate di rispondere presto per favore

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Cancella questo pezzo:

    onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln"

    ciao

    ps: cercate di rispondere presto per favore leggi il regolamento
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Ma ci sono tanti modi per farlo, guarda un po' se il seguente potrebbe fare al caso tuo:

    [img]1.jpg[/img]
    <script>
    function foo(image){
    return function(){
    if(image.src.indexOf('1.jpg')>-1){
    image.src='2.jpg';
    setTimeout( function(){image.src='1.jpg';}, 1000);
    }
    }
    }
    </script>

    Nota l'evento onmouseover è dentro il tag img, e che la funzione invocata ha due set di parentesi tonde a seguito, la prima delle quali incapsula la keyword: this.

    Le src della immagine sono inventati, per cui 1.jpg e 2,jpg vanno modificati.
    Il nome foo della funzione puoi tenerlo o cambiarlo, come meglio credi.

    In verità ci sarebbero modi più lineari di farlo senza usare closures, ma siccome le sto impiegando in questi giorni mi è venuto spontaneo usarle anche qui. E' in effetti il motivo per cui probabilmente non ti rispondevano: è un task che non richiede troppi sforzi e se un task non rappresenta anche una piccola sfida, in alcuni non suscita "interesse": ad alcuni (ad esempio a me) piace complicato :-)

    vedi te se comunque era quello che cercavi. Il pregio della procedura è che non richiede mouseout.

  4. #4
    io non so i linguaggi di programmazione, quindi scusate le domande banali.
    comunque io il sito lo sto facendo con front page
    ho copiato e incollato quella procedura nel codice html, sostituendo le immagini con le mie, ma quando visualizzo l'anteprima mi dice di fare il debug, e il problema non si risolve.
    mi sapreste dire un'altro modo? grazie

  5. #5
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Originariamente inviato da boulayo
    io non so i linguaggi di programmazione, quindi scusate le domande banali.
    comunque io il sito lo sto facendo con front page
    ho copiato e incollato quella procedura nel codice html, sostituendo le immagini con le mie, ma quando visualizzo l'anteprima mi dice di fare il debug, e il problema non si risolve.
    mi sapreste dire un'altro modo? grazie
    E' notorio che FP faccia qualche pasticcio se si tenta di incollare porzioni che non ha scritto lui... e dato che non abbiamo idea di cosa sia riuscito a combinare in questo caso (o abbia combinato tu ) posta l'intera pagina o, meglio, un link alla stessa pubblicata.

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  6. #6
    il codice non l'ho copiato-incoato, ora non ho la pagina con quel codice perchè non l'ho salvato, dopo che avevo provato a mettere quella procedura.
    vi allego la pagina in questione con le due immagini,
    sarei grato se me lo scriveste voi nell'html il codice giusto
    grazie in anticipo

    questo è il link ai file (fare click destro/salva con nome)
    http://boulayo.altervista.org/d&d.rar

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.