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

    Effetto lente di ingrandimento su delle immagini

    Visto che sono un principiante come ho già accennato + volte...volevo sapere se qualcuno mi poteva dare una mano.
    Questo è un esempio con due sole immagini per far si che al passaggio con il mouse queste ultime si ingrandiscano

    nell'head:

    codice:
    <script language="JavaScript">
    
    function lentep1() {
    document.imm1.width=document.imm1.width*2
    document.imm1.height=document.imm1.height*2
    }
    
    function lentep2() {
    document.imm2.width=document.imm2.width*2
    document.imm2.height=document.imm2.height*2
    }
    
    
    function lentem1() {
    document.imm1.width=document.imm1.width/2
    document.imm1.height=document.imm1.height/2
    }
    function lentem2() {
    document.imm2.width=document.imm2.width/2
    document.imm2.height=document.imm2.height/2
    }
    
    </script>
    nel body:
    codice:
    <table width="187" border="0" cellspacing="0">
      <tr>
    
    <td width="91">
    
    <a href="#" onMouseOver="lentep1()" onMouseOut="lentem1()">[img]imm1.jpg[/img]</p></td>
    
    <td width="92">
    
    <a href="#" onMouseOver="lentep2()" onMouseOut="lentem2()">
    [img]imm1.jpg[/img]</p></td>
    </tr>
    </table>
    la cosa in questo modo è assai macchinosa...c'è la possibilita di mettere una sola funzione lentep, lentem, facendo si che passi direttamente nel comando il nome della immagine...nn so se mi sono spiegato bene...
    L'occasione non fa solo i ladri, ma anche i grandi uomini.(Edwin Lichtenberg)

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

    Re: Effetto lente di ingrandimento su delle immagini

    codice:
    <script language="JavaScript">
    
    function lentep(obj) {
    obj.width=obj.width*2
    obj.height=obj.height*2
    }
    
    function lentem(obj) {
    obj.width=obj.width/2
    obj.height=obj.height/2
    }
    </script>
    
    [img]imm1.jpg[/img]
    Per la compatibilita' coi vari browser occorrera' fare qualche test

    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

  3. #3
    grazie mille!!!!
    L'occasione non fa solo i ladri, ma anche i grandi uomini.(Edwin Lichtenberg)

  4. #4
    ho provato e ho visto che funziona sia con firefox che explorer...ma mi sono reso conto che nn è proprio quello che volevo...continuando a girare in rete ho trovato questo http://sonspring.com/journal/hoverbox-image-gallery da qui è possibile sia visualizzare che scaricare l'esempio....ma mi sono reso conto di una cosa un pò bruttina che capita su explorer ingrandendo o dimunendo la finestra del browser...si può risolvere in qualche modo!?
    L'occasione non fa solo i ladri, ma anche i grandi uomini.(Edwin Lichtenberg)

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.