lana and jack
pauline
sapphire
alice
linda
jenni
justin
alice
gizmo
kaela
alisha
nedo
angelica

BECOME ONE?

blog entries
visitor content
tutorials
website info

ADVERTISE HERE?

Online Since: June 25 '09
Online now: online
Layout by: Masoud
Featuring: No one
Made in: Photoshop and paint shop pro
Brushes from: No where

MORE?

Counter started July 27, 2009.

Opacity Link Rollover

I have been using this effect several times in my websites, and I still think it's awesome! Mostly, I've used them in my affiliate-list, and it looks just great! Below you will see an example of what the result of this tutorial will look like. Hover the images and you'll see the cool part!!


1. Copy this code and paste it into your website. If you have a piczo website, then you'll have to paste the code into a HTML box.
<script> /* Gradual-Highlight Image Script II- By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca) Permission granted to Dynamicdrive.com to feature script in archive For full source to script, visit http://dynamicdrive.com */ 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>

2. Now, copy this code and paste it where-ever you want to. As I said before, I use it in my affiliate list, thumbnais etc. It's up to you.
Change the part that says yoursitehere.com to your site URL. Where it says image URL paste in the URL of the image you want to use.
<a href="HTTP://YOURSITEHERE.COM" target="_blank"><img src="IMAGE URL" border="0" style="filter:alpha(opacity=15)" onmouseover="nereidFade(this,100,70,20)" onmouseout="nereidFade(this,10,70,20)"> </a>