Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 04-13-2009, 05:38 PM   PM User | #1
noneforit
Regular Coder

 
noneforit's Avatar
 
Join Date: Apr 2009
Location: England
Posts: 268
Thanks: 10
Thanked 20 Times in 20 Posts
noneforit is an unknown quantity at this point
Jpeg Link Question

Hello

I am fairly new to web design and I have started my second website for a friens business.

Ok so on my homepage I have a main image with three smaller images underneath. What I want to happen is that when one of the smaller images is clicked, it changes the main image to the image that was clicked

I realise that is confusing so i have uploaded a picture of my site to the following link:

http://www.homepcvisit.com/test2/Sample.JPG

Hopefully I have made it clear enough what I want

Thanks
noneforit is offline   Reply With Quote
Old 04-13-2009, 05:42 PM   PM User | #2
oesxyl
Master Coder


 
Join Date: Dec 2007
Posts: 6,682
Thanks: 436
Thanked 890 Times in 879 Posts
oesxyl is a jewel in the roughoesxyl is a jewel in the roughoesxyl is a jewel in the rough
you can't do this only with html and css, you need to use javascript. It's not so complicate to doit, in my opinion.

best regards
oesxyl is offline   Reply With Quote
Old 04-13-2009, 05:55 PM   PM User | #3
BoldUlysses
Regular Coder

 
BoldUlysses's Avatar
 
Join Date: Jan 2008
Location: Winston-Salem, NC
Posts: 938
Thanks: 10
Thanked 190 Times in 187 Posts
BoldUlysses is on a distinguished road
oesxyl is right in that you'll need some JS. Frank has been chasing this for quite some time. Here is (I believe) his latest iteration. It does what you want with the exception of the click functionality. You should be able to grab some code from there. Beyond that, consider asking a mod to move this thread to the JavaScript subforum (don't double post!).
__________________
matt | design | blog
BoldUlysses is offline   Reply With Quote
Old 04-13-2009, 06:26 PM   PM User | #4
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Hello Laurieballard,
Have a look at this site - http://www.rolandandcompany.com/2005...WES/index.html

No js, valid XHTML 1.0 Strict, works in IE7, IE8 and FF3 for sure. Just checked and IE6 may be a little flaky...
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Users who have thanked Excavator for this post:
oesxyl (04-13-2009)
Old 04-13-2009, 06:49 PM   PM User | #5
noneforit
Regular Coder

 
noneforit's Avatar
 
Join Date: Apr 2009
Location: England
Posts: 268
Thanks: 10
Thanked 20 Times in 20 Posts
noneforit is an unknown quantity at this point
Hi Excavator

Thanks for the reply, that appears to be exactly what i am after.

Looking at the page source, its appears that all the coding for the mouseover etc is in the CSS sheet?

Thanks
noneforit is offline   Reply With Quote
Old 04-13-2009, 07:48 PM   PM User | #6
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Quote:
Originally Posted by laurieballard View Post
Hi Excavator

Thanks for the reply, that appears to be exactly what i am after.

Looking at the page source, its appears that all the coding for the mouseover etc is in the CSS sheet?

Thanks
Yes, I seem to remember that's a linked CSS file.


...checking
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Old 04-13-2009, 07:53 PM   PM User | #7
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Grab the CSS for that at http://nopeople.com/CSS/disjointed_r...oalbum/wwt.css


It's pretty easy to find that with the Web Developer's Toolbar for FireFox.

I also use FireFox's firebug plug-in.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Users who have thanked Excavator for this post:
noneforit (05-08-2009)
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 01:57 AM.


Advertisement
Log in to turn off these ads.