Results 1 to 6 of 6

Thread: Photo Album scripting

  1. #1
    Join Date
    Sep 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Photo Album scripting

    I'm currently redesigning a website for a local common-interest group.

    One of the pages is the Pictures section of the site. The page has a small horizontal text menu linking to individual photo albums, but seeing as how the server does not have PHP support, and a minimal number of pages used would be preferred. So I came up with an idea: currently the horizontal menu for the individual albums links to a page full of thumbnails right now, and clicking a thumbnail brings up the full-size image. I would like to make it so clicking an album link will show the album's thumbnails in a small space on the left side of the screen, with the thumbnails above each other [vertically oriented] instead of side-by-side. And then, clicking one of the thumbnails will change a blank image in a larger space on the right side of the screen to the selected thumbnail.

    So...


    A = the menu of the various albums
    B = clicking an album link would open a scrollable vertical set of the thumbnails for that album
    C = clicking a thumbnail would bring up the full-sized image to the right.

    Ideas? I've tried some Javascript to make the images swap, which would work fine, except I had the thumbnails open up in an IFRAME, so when clicked, they couldn't find the destination [the full-sized image in the parent frame] to open up at.

    HTML, Javascript, DHTML, and CSS welcome.
    Last edited by colorblind; 09-06-2006 at 06:50 PM.

  2. #2
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Frames should have worked...

    in A: <a href= "blah blah .jpg" target="frameB">Album A</a>

    in B: <a href = "blah blah thumb.jpg" target="frameC">thumb pic A</a>

    in C: nothing needed.

    Of course you need to actually name the 3 frames in the index.html (or which ever .htm page you are using as frames index.

    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  3. #3
    Join Date
    Sep 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Well, C wasn't a frame, but actually, I had some spare time last night and I was able to fix the problem. Instead of making B in an IFRAME, I used a Javascript scroller, and had a blank image in space C name="photo", and a second Javascript so whenever an image in the Javascript scroller was clicked, "photo" [C] would turn into that image. Thanks anyway!

  4. #4
    Join Date
    Feb 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Colorblind would you post or email that script?

  5. #5
    Join Date
    Aug 2006
    Posts
    239
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    check this out: http://rambo.id.uw.edu.pl/viewer.html

    feel free to rip it off . If you wanna php content accompanying the thing, don't hesitate to ask

  6. #6
    Join Date
    Dec 2005
    Location
    Tempe, AZ
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    This is the design you're looking for, correct?

    http://www.bondurant.com/multimedia/pictures.php

    It is PHP based, but the design is the same, correct?

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
  •