TinyPortal

Development => Resources => Topic started by: cepsi on December 14, 2008, 05:18:58 PM

Title: rollover button in a block
Post by: cepsi on December 14, 2008, 05:18:58 PM
ive looked into this on a few sites now but cant seem to find an answer other than "not sure". The ones here tend to be related to text links. Is it possible/is there code for a rollover button with a link that can be placed in a block to make it look more interactive? i have a button;
(https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fi534.photobucket.com%2Falbums%2Fee350%2Fsurrealkiller_photos%2Frollover.jpg&hash=e85b2cb77a1a36545dc9ef361997fb5e873efb12)
and basically have a second image that i want to appear when the link/image is pressed/rolled over (as it appears in most sites menubars etc.)
I did it in dreamweaver and copied the code over to a html block but no success??
i know a few people who are looking for this, and i have searched around here, smf and few of the smaller sites too but too no avail.

I hope i explained this correctly and sorry if i have posted this in the wrong place.

ty cep
Title: Re: rollover button in a block
Post by: IchBin on December 14, 2008, 05:46:04 PM
Let me google that for you! (http://letmegooglethatforyou.com/?q=javascript+rollover)
Title: Re: rollover button in a block
Post by: JPDeni on December 14, 2008, 05:50:19 PM
There's a tutorial for using css for this here -- http://www.tutorials007.com/index.php/css-rollover-effect/
Title: Re: rollover button in a block
Post by: cepsi on December 14, 2008, 06:38:11 PM
lmao i love your way Ich! awesome sarcasm, but in my defence didnt know it was javascript, im still learning all this jazz. Ok i have nearly got it i have the rollover, i have the link, everything is great, BUT, when the mouse comes off the image(after rolling over and not presssing) the rollover image remains and doesnt revert back to the original image?  I copied the code as i found it obviously replacing my images and links.
(as u can probably tell im flying by the seat of my pants when it comes to code)

Title: Re: rollover button in a block
Post by: JPDeni on December 14, 2008, 07:26:29 PM
Quote
PS Deni, i was aware of the CSS link but i need this button in a Block, not on the main site.( i think thats right?)

So put it in a block.
Title: Re: rollover button in a block
Post by: cepsi on December 14, 2008, 08:48:11 PM
found this site http://javascript.internet.com/generators/preload-images.html awsome just copied teh code and in it went! bah coding nothing to it ;)
Title: Re: rollover button in a block
Post by: IchBin on December 15, 2008, 01:21:00 AM
haha... Cool! Thats why I posted the google for you. These type of things can be learned by simply trying code you find around the internet. :)