Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder noneforit's Avatar
    Join Date
    Apr 2009
    Location
    England
    Posts
    268
    Thanks
    10
    Thanked 20 Times in 20 Posts

    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

  • #2
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    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

  • #3
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    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

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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

  • Users who have thanked Excavator for this post:

    oesxyl (04-13-2009)

  • #5
    Regular Coder noneforit's Avatar
    Join Date
    Apr 2009
    Location
    England
    Posts
    268
    Thanks
    10
    Thanked 20 Times in 20 Posts
    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

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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

  • Users who have thanked Excavator for this post:

    noneforit (05-08-2009)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •