| | Submitted on: 6/27/2003 4:15:32 AM
By: chris mcintosh
Level: Intermediate User Rating:
By 1 Users Compatibility:JavaScript
Users have accessed this article 3564 times. | (About the author) |
| | This script lets you specify two images and on mouseover of the image it fades to a different image. perfect for dhtml fade navs. | |
|
Terms of Agreement:
By using this article, you agree to the following terms...
1) You may use
this article in your own programs (and may compile it into a program and distribute it in compiled format for languages that allow it) freely and with no charge.
2) You MAY NOT redistribute this article (for example to a web site) without written permission from the original author. Failure to do so is a violation of copyright laws.
3) You may link to this article from another website, but ONLY if it is not wrapped in a frame.
4) You will abide by any additional copyright restrictions which the author may have placed in the article or article's description. | <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<"script" type="text/javascript">
function blendCham(which) {
imCham.filters.blendTrans.Apply();
imCham.src = which;
imCham.filters.blendTrans.Play();
}
<"IMG" ID="imCham" SRC="logoraw.png" STYLE="filter:blendTrans(duration=2)" onmouseout="blendCham('logoraw.png')" onmouseover="blendCham('logoraw2.png')">
| |
|
Report Bad Submission |
|
|
Your Vote! |
See Voting Log |
|
Other User Comments |
6/29/2003 3:53:03 AM: it don't work
|
6/30/2003 8:10:45 AM:JohMar didn't work for me either
|
6/30/2003 10:59:26 PM:Mr.PoO well duh, you need the picture
|
7/1/2003 11:11:26 AM:Mel_Arquiza It works...
1. Create to image a.png
and b.png.
2. Cut and Paste this text
below on
notepad.
.<"HTML">
.<"HEAD">
.<"SCR
IPT" type="text/javascript">
.function blendCham(which)
.{
.imCham.filters.blendTrans.Apply()
;
.imCham.src = which;
'imCham.filters.blendTrans.Play();
;}
.</script>
.</head>
.<"BODY">
.<"IM
G"
ID="imCham" SRC="a.png"
STYLE="filter:blendTrans(duration=2)"
onmouseout="blendCham('a.png')"
onmouseover="blendCham('b.png')">
.</BODY>
.</HTML>
3. Remove all
the period infront.
4. Remove "" on
"IMG","HTML","BODY","HEAD","SCRIPT".
|
7/15/2003 12:41:30 PM:MarK Very nice! Works perfectly!
|
8/25/2003 2:28:45 PM: I can't make this work for more than 1
picture, how do I do it?
|
|
Add Your Feedback! |
Note:Not only will your feedback be posted, but an email will be sent to the code's author in your name.
NOTICE: The author of this article has been kind enough to share it with you. If you have a criticism, please state it politely or it will be deleted.
For feedback not related to this particular article, please click here. |
|