SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Jun 2004
    Location
    Illinois
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Not Sure How To Do This???

    Hi Everyone,

    I'm designing a web page right now and what I have is a logo header that goes across the top and then directly underneath that, I have just text numbers.

    ex 1 2 3 4 5 6 7 8 9 10 and then nothing below that.

    What I want to do is have main image in the center then be able to click on each number and have a different image replace the orginial while having the numbers staying stationary. Kind of like a flipping through a scrapbook.

    I've tryed using iframe, it works, but can't firgue out how to have a main image show when you first link to the page. You have to actually click on 2....3...4..etc. to link to a page to get an image, but I want one main image to start off with. I thought about making the whole page frames, but I really don't want to do this.

    Anyone know of any otherr to do this. I want to keep it simple.

    Thanks
    Jodi

  2. #2
    SitePoint Wizard silver trophy someonewhois's Avatar
    Join Date
    Jan 2002
    Location
    Canada
    Posts
    6,364
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Using HTML only:

    <a href="image1.gif" target="imageframe">Image1</a>
    <a href="image2.gif" target="imageframe">Image2</a>
    <a href="image3.gif" target="imageframe">Image3</a>
    <iframe src="image.gif" name="imageframe"></iframe>

    Then "image.gif" is loaded into the iframe by default, and then when you click image1/image2/image3 it'll load that image into the "imageframe" iframe.

    There are other ways using just CSS, or using just JS, but this is the most compatible -- it just uses frames, which may or may not be a bother for you.


  3. #3
    SitePoint Addict
    Join Date
    Jun 2004
    Location
    Illinois
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    someonewhois,

    Thank-you this worked great. I know that they are other ways, I only know very basic CSS still, haven't really gotten too fancy with it yet, but I'm learning! Thanks

    Jodi


Bookmarks

Posting Permissions

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