Multiple Divs showing in 1 place, 1 at a time. Click for better explanation...

Discussion in 'HTML & Website Design' started by webdesigner, Feb 21, 2007.

  1. #1
    Hiya,

    I am trying to achieve this mutliple div design without having to use flash. Its quite hard to explain but essentially:

    Say we have 3 products, I want to be able to show all 3 product thumbnails images, when you hover over them, a bigger div will display with more info, must be smooth and seamless. Thats still not that good an explanation... Just look here and you know'll what i mean.

    http://threestore.three.co.uk/ <-- They have 4 deals with more info. Thats essentially what i need.

    Thanks in advance for you time and help.
     
    webdesigner, Feb 21, 2007 IP
  2. Blame Me

    Blame Me Guest

    Messages:
    162
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I think I get meaning of what you are getting at, never done it myself but I have played around with something similar.

    I used something from http://meyerweb.com/eric/css/edge/popups/demo.html (the links down the left) When you hover over a link a new section appears below. You can do it with images too.

    Not sure it helps but its a start I think :confused:

    Also found http://moneytreesystems.com/css/picpopup.html which might give you a better start.
     
    Blame Me, Feb 21, 2007 IP
  3. Aragorn

    Aragorn Peon

    Messages:
    1,491
    Likes Received:
    72
    Best Answers:
    1
    Trophy Points:
    0
    #3
    Did you mean a javascript tab script?
     
    Aragorn, Feb 21, 2007 IP
  4. webdesigner

    webdesigner Well-Known Member

    Messages:
    489
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    110
    #4
    I think so.

    Like that 3 one so that 1 is selected to start with. And by hovering over a tab, the appropriate div/content will show.

    And BlameMe... thanks for the links. Great start but tried and struggling to achieve exactly what i want with them techniques.
     
    webdesigner, Feb 22, 2007 IP
  5. Aragorn

    Aragorn Peon

    Messages:
    1,491
    Likes Received:
    72
    Best Answers:
    1
    Trophy Points:
    0
    #5
    Try these

    http://www.dynamicdrive.com/dynamicindex1/tabmouseover.htm
    http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm
    http://www.dynamicdrive.com/dynamicindex1/ddtabmenu2.htm
     
    Aragorn, Feb 22, 2007 IP