HTML help..
-
- Posts: 23
- Joined: Tue Jan 06, 2009 8:56 pm
- I drive a: GT 2.0 TSI
- In: Candy White
- With a: Manual box
- Location: Lowton/Manchester
HTML help..
i need a code to have a picture change when you scrollover it.. pleaseee
- Kev
- Administrator
- Posts: 5073
- Joined: Fri Jul 25, 2008 5:25 pm
- I drive a: GT 2.0 TSI
- In: Rising Blue
- With a: DSG box
- Location: Oxford
Re: HTML help..
That's called a rollover effect
http://www.htmlcodetutorial.com/images/ ... pp_62.html
Neater to use css though.
http://www.htmlcodetutorial.com/images/ ... pp_62.html
Neater to use css though.
- rehmondo
- Posts: 805
- Joined: Wed Sep 03, 2008 1:36 pm
- I drive a: GT 2.0 TSI
- In: Candy White
- With a: DSG box
- Location: Edinburgh
Re: HTML help..
Kev is right, css is much neater and much easier to manage.
Here's the first usable example I found for you on the net...
http://www.sohtanaka.com/web-design/css ... -captions/
Example working: http://www.sohtanaka.com/web-design/exa ... age-hover/
I've done things in the past using 1 image, but its made up of 3 smaller images, then using css it will show the bit you want to see using positioning, this means, when the page is rendered the image is loaded just once rather than 3 times for every link etc
I can go into further details but that link about should get you started, if you have trouble getting it, just reply back and I'll help you out - either by writing the code you need or helping you understand how it works.
I'm a senior developer in a software firm, our technologies rely on html/java/javascript heavily and we use css to manage a lot of cross browser issues rather than quick javascript fixes.
I take it it will be something not related to the forum?
Here's the first usable example I found for you on the net...
http://www.sohtanaka.com/web-design/css ... -captions/
Example working: http://www.sohtanaka.com/web-design/exa ... age-hover/
I've done things in the past using 1 image, but its made up of 3 smaller images, then using css it will show the bit you want to see using positioning, this means, when the page is rendered the image is loaded just once rather than 3 times for every link etc
I can go into further details but that link about should get you started, if you have trouble getting it, just reply back and I'll help you out - either by writing the code you need or helping you understand how it works.
I'm a senior developer in a software firm, our technologies rely on html/java/javascript heavily and we use css to manage a lot of cross browser issues rather than quick javascript fixes.
I take it it will be something not related to the forum?
- Kev
- Administrator
- Posts: 5073
- Joined: Fri Jul 25, 2008 5:25 pm
- I drive a: GT 2.0 TSI
- In: Rising Blue
- With a: DSG box
- Location: Oxford
Re: HTML help..
This forum uses the same principlerehmondo wrote: I've done things in the past using 1 image, but its made up of 3 smaller images, then using css it will show the bit you want to see using positioning, this means, when the page is rendered the image is loaded just once rather than 3 times for every link etc
The new post button for instance is this

and the rollover effect is achieved just by offsetting the image position.