Bilder von dunkel, zu hell!

Dieses Thema im Forum "Webentwicklung" wurde erstellt von L33do, 18. Juni 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 18. Juni 2006
    Hi,
    würde gerne dieses Script hier haben: Klick!

    Dass die Bilder, wenn man über sie hinüberfährt, von dunkel nach hell gehen.
    Wäre Klasse wenn sowas jemand hat :D

    (Notfalls kann ich mir das auch selber suchen, nur würde ich dazu eine geeignete Seite brauchen)

    10ner ist auf alle Fälle drinnen!
     

  2. Anzeige
  3. #2 18. Juni 2006
    Also der Code dafür ist folgender:
    Code:
    <script type="text/javascript">
    
    var baseopacity=30
    
    function slowhigh(which2){
    imgobj=which2
    browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
    instantset(baseopacity)
    highlighting=setInterval("gradualfade(imgobj)",50)
    }
    
    function slowlow(which2){
    cleartimer()
    instantset(baseopacity)
    }
    
    function instantset(degree){
    if (browserdetect=="mozilla")
    imgobj.style.MozOpacity=degree/100
    else if (browserdetect=="ie")
    imgobj.filters.alpha.opacity=degree
    }
    
    function cleartimer(){
    if (window.highlighting) clearInterval(highlighting)
    }
    
    function gradualfade(cur2){
    if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
    cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
    else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
    cur2.filters.alpha.opacity+=10
    else if (window.highlighting)
    clearInterval(highlighting)
    }
    </script>
    Aufrufen tust du das ganze dann so:
    Code:
    <img src="BILDNAME" onMouseOver="slowhigh(this)" onMouseOut="slowlow(this)">
    Hoffe konnte dir helfen.
     
  4. #3 18. Juni 2006
    habs jetzt mal versucht ... mit firefox kein problem, nur der IE spackt herum, wie kann ich das IE tauglich machen?

    EDIT: 10ner haste schonmal ;)
     
  5. #4 18. Juni 2006
    Also für mich sieht das aus wie wenn das animierte gifs sind.
     
  6. #5 18. Juni 2006
    ne, vom script her stimmt alles, nur will ich auch, dass es im IE funzt ^^
     
  7. #6 18. Juni 2006
    seitenquelltext ansehen :p

    in Opera geht es übrigens auch nicht. (also die Seite von dir (der Link ))
     
  8. #7 18. Juni 2006
    Ahhh sry hab was vergessen.
    Du machst noch ne Datei style.css
    Dort musst du dann folgendes einfügen:
    Code:
    .gradualshine { filter:alpha(opacity=40); -moz-opacity:0.3; }
    So dann kann du es so aufrufen:
    Code:
    <img src="BILD" onMouseOver="slowhigh(this)" !!!!!!class="gradualshine"!!!!!!!!! onMouseOut="slowlow(this)">
    Natürlich ohne die !!!!!!.
     
  9. #8 18. Juni 2006
    Das isn simples Alphablending..
    Wenn ich mich recht entsinne ist das nen 2 oder 3 Zeiler an Code ;)
     
  10. #9 19. Juni 2006
    das is zwar javascript is aber auch mit nem rollover effect machbar
     
  11. #10 19. Juni 2006
    und css einfügen nicht vergessen ^^

    <link rel="stylesheet" type="text/css" href="style.css" />
    in den <head>-bereich

    danke für das script kriegst n 10er werd das mal ausprobieren
     

  12. Videos zum Thema
Die Seite wird geladen...
Similar Threads - Bilder dunkel hell
  1. Suche Bilder Cliprahmen

    Bruckl , 3. Februar 2017 , im Forum: Alltagsprobleme
    Antworten:
    2
    Aufrufe:
    1.139
  2. Antworten:
    7
    Aufrufe:
    2.664
  3. Antworten:
    2
    Aufrufe:
    563
  4. Bilder aus Selfie-Ordner löschen

    analprolaps , 29. Dezember 2015 , im Forum: Apple iOS
    Antworten:
    3
    Aufrufe:
    1.187
  5. Antworten:
    0
    Aufrufe:
    237