Image Rollover HTML

Discussion in 'Scripts, 3rd Party Apps, and Programming' started by arkitek, Apr 23, 2005.

  1. arkitek

    arkitek New Member

    Messages:
    242
    Likes Received:
    0
    Trophy Points:
    0
    Hey,

    What i need to do looks something like this:

    -------- _______________
    | | ----------- | |
    -------- \ | |
    -------- \ | |
    | |------------------- | |
    -------- / | |
    -------- / | |
    | | ----------- | _____________ |
    --------

    what i want to happen is when the mouse rolls over each of the 3 images to the left, an different image appears in the big box on the right for each one.

    I've seen it done before, but im not too advanced with html to figure it out for myself and i cant remember where i saw it to rip the coding lol ;)

    if anyone can provide the html or other coding for this, it will be greatly appreciated thanks!

    A'tek :shaun:
     
  2. arkitek

    arkitek New Member

    Messages:
    242
    Likes Received:
    0
    Trophy Points:
    0
    my bad... that didnt work... try this:
    [​IMG]
     
  3. bigguy

    bigguy Retired

    Messages:
    10,984
    Likes Received:
    10
    Trophy Points:
    38
    that deosn`t work iether ...are you trying to create a mouse roll over code ? I think thats what its called
     
  4. arkitek

    arkitek New Member

    Messages:
    242
    Likes Received:
    0
    Trophy Points:
    0
    thats just a screenshot to show what i mean sort of... yeah mouse image rollover code... but like i said... so that when you roll the mouse over one of those three images to the left, an image appears where the big box on the right is... its pretty simple... im just crap in coding
     
  5. bigguy

    bigguy Retired

    Messages:
    10,984
    Likes Received:
    10
    Trophy Points:
    38
    Have you tried to google it ? ...do you know a site that uses this code??
     
  6. arkitek

    arkitek New Member

    Messages:
    242
    Likes Received:
    0
    Trophy Points:
    0
    lol lol
     
  7. n4tec

    n4tec Active Member

    Messages:
    3,312
    Likes Received:
    0
    Trophy Points:
    36
    try googling about Image Rollovers (Mouse-Overs) ..... I am not really sure if that is what you are looking for....

    have a great weekend...

    *4*
     
  8. arkitek

    arkitek New Member

    Messages:
    242
    Likes Received:
    0
    Trophy Points:
    0
    i was hoping there would be some great saviour on here for me... ahh well... googling it is


    thanks guys
     
  9. greattastic

    greattastic New Member

    Messages:
    92
    Likes Received:
    0
    Trophy Points:
    0
    The great savior has arrived! haha, jk


    But, I did do something like this for a photography site I'm working on for a friend :eek:riginal:

    Maybe looking at the code will help you figure out how it works to write some, CSS is an important part of it. If not, just borrow the code, it doesn't bother me any. :grin:

    Oh! if you click on the images you get a the full size version of the image in a javascript popup window, if you want to get rid of that for your site just change the href of the links from the javascript to #none

    Crazycrazyme.Greattastic.info


    -Ryan
    http://Greattastic.info
     
  10. Xempttt

    Xempttt New Member

    Messages:
    830
    Likes Received:
    0
    Trophy Points:
    0

Share This Page