Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Coding Forum


You are currently viewing our Coding Forum as a guest. Please register to participate.
Login



Reply
How do i make this effect?
Old 10-31-2004, 12:04 PM How do i make this effect?
labintador's Avatar
Skilled Talker

Posts: 96
Trades: 0
hello does anyone know how to make this nice mouseover effect on images? this is the site of the nice effect. http://www.freewebs.com/rjnewsite/band.htm

i have the sense that it was made in javascipt i just dont know how does anyone know?
labintador is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 10-31-2004, 09:24 PM
ejumblesale's Avatar
Extreme Talker

Posts: 240
Location: Kent
Trades: 0
Look up blend transition effects with javascript in google. That will tell you how... It is only support with ie though in Opera there is no effect.
__________________

Please login or register to view this content. Registration is FREE
- The Internet Jumble Sale,

Please login or register to view this content. Registration is FREE
- Personal space containing interesting articles and information on downloadable scripts

Please login or register to view this content. Registration is FREE
- Free link exchange directory and PPC advertising scheme

Please login or register to view this content. Registration is FREE
- The ejumblesale forums
ejumblesale is offline
Reply With Quote
View Public Profile Visit ejumblesale's homepage!
 
Old 11-01-2004, 01:21 PM
labintador's Avatar
Skilled Talker

Posts: 96
Trades: 0
so this doesnt work in other browsers? just ie?

thnks for the reply
labintador is offline
Reply With Quote
View Public Profile
 
Old 11-01-2004, 01:38 PM
karinne's Avatar
Extreme Talker

Posts: 197
Location: Quebec, Canada
Trades: 0
when you see something you like on another site, take a look at the source and copy the code!

it's javascript
HTML Code:
<script>

nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
 * destop - destination transparency level (ie 80, for mostly solid)
 * rate   - time in milliseconds between trasparency changes (best under 100)
 * delta  - amount of change each time (ie 5, for 5% change in transparency)
 */

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){  //do this so I can take a string too
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
        
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;

    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}

</script>
html
HTML Code:
<img border="1" src="rick.jpg" width="160" height="130" style="filter:alpha(opacity=40)" onmouseover="nereidFade(this,100,30,5)" onmouseout="nereidFade(this,40,50,5)">
and yes... it an IE-only effect!
__________________

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE


Getting on the Web Standards band-wagon? Get these books -
Please login or register to view this content. Registration is FREE
and
Please login or register to view this content. Registration is FREE


Takin' in the view from the outside. Feeling like the underdog. Watching through the window I'm on the outside. Living like the underdog.
-Dream Theater
karinne is offline
Reply With Quote
View Public Profile Visit karinne's homepage!
 
Old 11-01-2004, 02:30 PM
labintador's Avatar
Skilled Talker

Posts: 96
Trades: 0
Yeah, i should have done that, i can belive i forgot that.

thnks for reminding m
labintador is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to How do i make this effect?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.15656 seconds with 12 queries