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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2003
    Location
    CT
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Thumbnail image scrollover/out to larger image

    Hey! I'm trying to do a photo album kind of thing where if one scrolls over a thumbnail, a larger version of it shows up in a designated area to the right but vanishes when not scrolled on.....

    I have it up, but I'm having issues with the large images not staying hidden when the page first loads. You can see what I mean her.... aptmess/album example

    i was thinking a preloader might help, but I'm not sure.... and I pretty much stink at coding since I'm just starting out......

    if anyone could give me some ideas or point me in the right direction (like for example a site with a similar idea), maybe I could learn by practice and experience......

    I'd appreciate the help....
    Sam
    Last edited by SadieKnight; 02-25-2003 at 09:27 PM.

  • #2
    Regular Coder
    Join Date
    Jul 2002
    Location
    Western US
    Posts
    169
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The simplest solution would be to just initially hide all of those divs that contain the large images. visibility:hidden;

    Like so
    <div ID="idApt8xlarge" style="position:absolute; top:20px; left:170px; width:400px; height:303px; visibility:hidden;"><img SRC="apt8_400x303.jpg" NAME="idApt8xlargeImg" ID="idApt8xlargeImg" WIDTH=400 HEIGHT=303 BORDER=0 onLoad="javascript:jsHide('idApt8xlarge');return true"></div>

    That should do the trick.

    ShriekForth


  •  

    Posting Permissions

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