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

~~Homie~~ · 13-06-06, 00:08

כותרת..

[למה שמתי סמיילים שלא קשורים? ככה - עושה שמח

.]

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

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>

JoinWeb.co.il · 13-06-06, 07:19

קוד:

.active {filter: chroma();}
.inactive {filter: gray();}

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

-VladK- · 13-06-06, 07:21

זה לא עובד אצלי ב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>

תהנה!

13-06-06, 00:08	# 1
~~Homie~~ Permanently Banned מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 38 הודעות: 287	[שאלה] איך אני יכול לעשות ב-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> Last edited by Homie; 13-06-06 at 00:46..

13-06-06, 07:19	# 2
JoinWeb.co.il עסק רשום [?] מיני פרופיל תאריך הצטרפות: Nov 2005 מיקום: פתח תקווה, הסיבים 24 הודעות: 390	קוד: .active {filter: chroma();} .inactive {filter: gray();} <img src="Banner/mybanner.jpg" CLASS="inactive" width="120" height="180" border="1" onmouseover="aktiv()" onmouseout="inaktiv()"> __________________ www.joinweb.co.il 03-3732555


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)