Results 1 to 9 of 9

Thread: CSS Image Gallery

  1. #1
    Join Date
    Apr 2007
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default CSS Image Gallery

    1) Script Title: CSS Image Gallery

    2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...image-gallery/

    3) Describe problem:

    hello. i have some problem. on this page http://www.sdpproduction.com/sergeyr...portfolio.html i use this gallery but i also use Scrolling Content II along with it. and when i scroll down and move over a pic, picture is showed from top corner and dont scroll down along with the layer...is it possible to fix that?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Since you are already using javascript for the scrolling, you would probably be better off using Image Thumbnail Viewer II instead of CSS Image Gallery. With Image Thumbnail Viewer II, the display area can be outside of the scrolling area.

    Using the scrolling script and Image Thumbnail Viewer II together may cause a conflict. If so, it can probably be easily solved. If that happens, ask here for help with that, if you need it.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Apr 2007
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thank u

  4. #4
    Join Date
    Apr 2007
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    ummm...by default the images appear under the links...how can i make them appear from the right?
    thank u

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Use a table or, floats - whatever you like. The display area is just a division:

    HTML Code:
    <div id="loadarea" style="width: 500px">
    This DIV will show my enlarged images!
    </div>
    It can go anywhere on your page that you like.

    Also, as many folks wonder, you can put a default image and/or text in there and it will show until the first enlargeimage event occurs.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #6
    Join Date
    Apr 2007
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i appreciate your help but i'll try to find may be other script...i can't really adjust this one properly

  7. #7
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Wait a minute, you couldn't make the first one work either. This one could be worked out to look much like what you had and still work with the scrolling script. The CSS one could not. The lightbox and the other Image Thumbnail Viewer scripts do pop the larger image over the page so, might be easier for you though.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  8. #8
    Join Date
    Apr 2007
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    wow i like the lightbox..thank you

  9. #9
    Join Date
    Apr 2007
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i'm using the lightbox thank you once again for this wonderful script

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
  •