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

    Problema script sfumatura immagine

    Salve a tutti, costruisco siti amatoriali in ASP e spesso integro del javascript che trovo sulla rete (non conosco molto javascript per quello che chiedo a voi)... nel mio ultimo sito faccio utilizzo di questo script che sfuma le imamgini al passaggio del mouse:

    <script type="text/javascript" language="JavaScript">
    <!--
    function high(which2){
    theobject=which2
    highlighting=setInterval("highlightit(theobject)", 50)
    }
    function low(which2){
    clearInterval(highlighting)
    if (which2.style.MozOpacity)
    which2.style.MozOpacity=0.3
    else if (which2.filters)
    which2.filters.alpha.opacity=30
    }

    function highlightit(cur2){
    if (cur2.style.MozOpacity<1)
    cur2.style.MozOpacity=parseFloat(cur2.style.MozOpa city)+0.1
    else if (cur2.filters&&cur2.filters.alpha.opacity<100)
    cur2.filters.alpha.opacity+=10
    else if (window.highlighting)
    clearInterval(highlighting)
    }

    //-->
    </script>

    che richiamo cosi:

    codice:
    <img title="<%=rec2("acce_ponc")%>" src="images/DSC02404_small_up.png" border="0" style="<%if pag <> "poncho" then%>filter:alpha(opacity=60);-moz-opacity:0.3"<%end if%> onmouseover="high(this)" onmouseout="low(this)" />
    il mio problema è nella visualizzazione con i vari browser che ho provato:

    - con firefox funziona perfettamente
    - con iexplorer 7 funziona bene ma la mia immagine png risulta "sporca" ai bordi
    - con chrome non funziona affatto

    potete vedere questo comportamento qui: http://www.stefanopellicceria.it/default.asp?pag=acce avete qualche idea?

    Grazie per l'attenzione!

  2. #2
    purtroppo quando vai a toccare i metodi propri dei browser ne esci pazzo, ora non saprei risolverti il problema attuale..

    però ti consiglio una soluzione alternativa che butto lì sperando di non dire troppe castronerie e che sia facilmente attuabile,

    preparati una (o più) immagini semi-trasparenti (dipende dal numero di transizioni che vuoi dare all'effetto opacità..) e le carichi sopra l'immagine dell'oggetto che hai già (ad esempio l'oggetto in background e le altre sopra come immagine ...) e con un setTimeout specifico esegui l'effetto. Quando ci passi sopra col mouse o ci esci le carici in modo inverso.

    Al massimo con tanto di preload delle immagini se non devono essere acricate subito all'avvio della pagina così da non far vedere ritardi la prima volta che si usa l'effetto.

    Okok, meglio aspettare qualche esperto ...
    ciao
    Ondare, il mio blog!

  3. #3
    Grazie mille per il suggerimento! ^^ speravo di risolvere ma pazienza... ora provo altre vie grazie!

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.