Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5

Thread: rollovers?

  1. #1
    Junior Member
    Join Date
    Apr 2006
    Posts
    4
    Member #
    13126
    I've a gallery. In this gallery I would like to utilize rollover images. I want to place image- two (the larger) 'absolutely' off to the side.
    The gallery consists of 9 images (3x3) in a table nested within a div tag using absolute positioning. I would like to use absolute position style within the img tag before specifying the src="the image" for the second image.
    Is this possible (without the use of inline frames)?

    Please help!

  2.  

  3. #2
    Junior Member deweydesigns's Avatar
    Join Date
    Mar 2006
    Posts
    15
    Member #
    12882
    i recommend css for what you want.
    do this:

    take your images (normal state image + hover state image) and put them side by side into one image. find out the exact dimensions in pixels of the image. then place the image inside the cell with a simple image tag with a specified class or id like so:

    <img clas="home" src="images/btn_home.jpg" alt="home" />

    then in your css do:

    .home
    {
    position: absolute; top: 0; left: 0; /* swap numbers for exact position */
    width: 50px; height: 20px; /* swap numbers for exact height but only half the exact width */
    overflow: hidden;
    }

    .home:hover
    {
    left: -50px; /* same as the width defined in the first declaration; this will move the image over so that the hover state appears only creating the hover effect */
    }

  4. #3
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Here's a good tut ... hover the menu on the left
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  5. #4
    Junior Member
    Join Date
    Apr 2006
    Posts
    4
    Member #
    13126
    Thank you both for helping!

  6. #5
    Junior Member
    Join Date
    Jul 2006
    Posts
    3
    Member #
    13616
    Well that's ok code for Firefox... In Firefox it works... In IE it doesn't work... I mean, hover effect will not work in IE but the picture will be shown...


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:45 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com