הוסטס - פורום אחסון האתרים הגדול בישראל - [שאלה] איך אני יכול לעשות ב-CSS שמתי שעוברים על תמונה היא תהפוך לבהירה יותר?

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

[שאלה] איך אני יכול לעשות ב-CSS שמתי שעוברים על תמונה היא תהפוך לבהירה יותר?

כותרת..|להאא! קטן| |:))| [למה שמתי סמיילים שלא קשורים? ככה - עושה שמח:).]

ניסיתי את זה, אבל לא עבד:

HTML קוד:

<html>

<head>

<title>Hosts.Co.iL</title> 

<style type="text/css"> // התחלת ה-CSS

<!--

img.transON  {width: 100%; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px; }

-->

</style>



</head>

<body >  

<img onmouseover="this.imgName='transON'" onmouseout="this.imgName='transOFF'" src="http://www.mandarindesign.com/images/text.jpg" width="100" height="119" style="border:1px solid black;">

</BODY> 

</HTML>

קוד:

.active {filter: chroma();}

.inactive {filter: gray();}



<img src="Banner/mybanner.jpg" CLASS="inactive" width="120" height="180" border="1"  onmouseover="aktiv()" onmouseout="inaktiv()">

זה לא עובד אצלי בFF...אההההם יש פתרון לשתי הדפדפנים?

עריכה:

טוב הנה משהו שמצאתי בSETUP (איציק1 לשעבר)
את זה לשים בHEAD:

HTML קוד:

<script language="JavaScript1.2">

/*

Gradual-Highlight Image Script- 

© Dynamic Drive (www.dynamicdrive.com)

For full source code, installation instructions,

100's more DHTML scripts, and Terms Of

Use, visit dynamicdrive.com

*/

function high(which2){

theobject=which2

highlighting=setInterval("highlightit(theobject)",50)

}

function low(which2){

clearInterval(highlighting)

which2.filters.alpha.opacity=20

}

function highlightit(cur2){

if (cur2.filters.alpha.opacity<100)

cur2.filters.alpha.opacity+=5

else if (window.highlighting)

clearInterval(highlighting)

}

</script>

ואתה זה בBODY:

HTML קוד:

<a href="your.html"><img src="your.gif" style="filter:alpha(opacity=40)" onMouseover="high(this)" onMouseout="low(this)"></a>

תהנה!