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. 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

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

    10ner ist auf alle Fälle drinnen!
     
  3. 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. 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. 18. Juni 2006
    Also für mich sieht das aus wie wenn das animierte gifs sind.
     
  6. 18. Juni 2006
    ne, vom script her stimmt alles, nur will ich auch, dass es im IE funzt ^^
     
  7. 18. Juni 2006
    seitenquelltext ansehen

    in Opera geht es übrigens auch nicht. (also die Seite von dir (der Link ))
     
  8. 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. 18. Juni 2006
    Das isn simples Alphablending..
    Wenn ich mich recht entsinne ist das nen 2 oder 3 Zeiler an Code
     
  10. 19. Juni 2006
    das is zwar javascript is aber auch mit nem rollover effect machbar
     
  11. 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. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.