WebmasterLingo
Windows 2003, cPanel & DirectAdmin Unix Web Hosting
Home | Register | Calendar | FAQ | Search | Rules | Contest | Archives

Go Back   WebmasterLingo > Programming Corner
Reload this Page All about Java & JavaScript
User Name
Password

Reply
 
Thread Tools Search this Thread Rate Thread Display Modes
Old June 27th, 2004, 07:50 PM   #1
Fabolous05
Registered User
 
Join Date: Jun 2004
Location: Surrey, BC
Posts: 184
Fabolous05 is off the scale
Tutorial : Fade in images
This script ads a nice effect especially when you need to put affiliates or buttons that may attract attention way from your content. This way it dulls it out a bit so you can focus on other things but is a nice effect anyways.

Just add this into the <head> </head> section

Code:

<script language="JavaScript1.2">
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}

function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpa  city)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>


then insert
Code:

style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)"


anywhere in the <img> and then see what it looks like

Good Luck

example, http://members.shaw.ca/bavraj/fade

don't be afraid to click the button either
__________________
Fabo@VolantaStudios.com
Head Designer
Volantà Studios
Fabolous05 is offline   Reply With Quote
Old June 27th, 2004, 10:56 PM   #2
cdingman
Registered User
 
Join Date: Jun 2004
Location: South Amboy NJ
Posts: 107
cdingman is off the scale
Send a message via AIM to cdingman Send a message via Yahoo to cdingman
Cool effect.

Not sure what use it has but it sure does look cool.


__________________
Chris Dingman
Webmaster
Cabaret Theatre

Twinlight Designs
cdingman is offline   Reply With Quote
Old June 27th, 2004, 11:20 PM   #3
Fabolous05
Registered User
 
Join Date: Jun 2004
Location: Surrey, BC
Posts: 184
Fabolous05 is off the scale
hold on I'll whip up a little web page and show you what effect it has
Fabolous05 is offline   Reply With Quote
Old June 27th, 2004, 11:26 PM   #4
Fabolous05
Registered User
 
Join Date: Jun 2004
Location: Surrey, BC
Posts: 184
Fabolous05 is off the scale
K, check out this,
http://members.shaw.ca/bavraj/
(just some school stuff)

see the way those images aren't overpowering if they're hidden like that however it's a nice effect when you go over it.

these work well for when linking to other sites using those little small rectangle buttons. Say if you have a lot of affiliates and you use those buttons all those images can make your site look busy this way you can calm it down a bit .
__________________
Fabo@VolantaStudios.com
Head Designer
Volantà Studios
Fabolous05 is offline   Reply With Quote
Old August 31st, 2005, 07:05 AM   #5
kitty
Registered User
 
Join Date: Aug 2005
Posts: 16
kitty is on a distinguished road
it is good code thx
__________________
NewEra
web develop
kitty is offline   Reply With Quote
Old February 27th, 2006, 11:01 AM   #6
sofy600
Registered User
 
Join Date: Mar 2005
Posts: 22
sofy600 is on a distinguished road
I agree with you completely.
I agree with you completely.
__________________
The very best web hosting Excellent quality web hosting provider
sofy600 is offline   Reply With Quote
Reply

« Previous Thread | Next Thread »

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes Rate This Thread
Linear Mode Linear Mode
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



All times are GMT -5. The time now is 09:20 AM.

Web Hosting provided by Nebrix Internet Services
Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Friends: Web Browser Forums & Discussions | Shell Hosting Talk Forums | Web Hosting Talk | Dedicated Servers | IRC Dedicated Servers
Affiliates: Credit Card Consolidation | Lingerie | Credit Cards | Real Estate Investing | News
Home | Register | Calendar | FAQ | Contact Us | Rules | Partners | Archives
Windows 2003, cPanel & DirectAdmin Unix Web Hosting