What is happening to my Images?

Discussion in 'HTML & Website Design' started by moronic_kaos, Feb 18, 2010.

0
  1. #1
    At the top of the page there is supposed to be a Slideshow. When the page loads, it shows for like 10ms and disappears. Check it out:

    http://toothsurgery.info/
    Code (markup):
    What could possibly cause that to happen?


    BTW: My thumbnails aren't working either, but that's another story.
    http://forums.digitalpoint.com/showthread.php?t=1701432
    Code (markup):
     
    moronic_kaos, Feb 18, 2010 IP
  2. Darkhodge

    Darkhodge Well-Known Member

    Messages:
    2,111
    Likes Received:
    76
    Best Answers:
    1
    Trophy Points:
    185
    #2
    I see you're using the SmoothGallery script. :)

    Anyway this is actually a bug of SmoothGallery. It happens when you set it to only show one image. There's a thread on this issue here: http://smoothgallery.jondesign.net/forums/viewtopic.php?id=2685

    In fact if there's any questions you have you should browse through that support forum. And note I said "browse" rather than "post" - the reason behind it is because not many threads seem to get replied to over there. Saying that a lot of the bugs have already been solved in the "Bugs & Fixes" section.

    Hodge
     
    Darkhodge, Feb 18, 2010 IP
  3. moronic_kaos

    moronic_kaos Well-Known Member

    Messages:
    202
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    #3
    Thanks, I guess my problem was that I was looking for a support forum that addressed the specific wordpress theme, didn't think of searching for just the slideshow.

    Thanks.
     
    moronic_kaos, Feb 18, 2010 IP
  4. Darkhodge

    Darkhodge Well-Known Member

    Messages:
    2,111
    Likes Received:
    76
    Best Answers:
    1
    Trophy Points:
    185
    #4
    Glad I could help.

    Just another head's up concerning this script. When you add more images you'll notice in some browsers (for example IE) all the images will be displayed for a split second upon page load. It's not a big deal but if you want to fix that issue then go to this thread, where it describes how to solve this issue by setting "display: none;" in the CSS:

    http://smoothgallery.jondesign.net/forums/viewtopic.php?id=1728
     
    Darkhodge, Feb 18, 2010 IP
  5. moronic_kaos

    moronic_kaos Well-Known Member

    Messages:
    202
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    #5
    I'm not that fluent in CSS, but I'm guessing that they're talking about this part of the CSS script:?

    .jdGallery .loadingElement
    Code (markup):
    EDIT: Actually, it turns out you have to put it in the <div> tag within the "gallery.php" file. Like this

    <div class="imageElement" style="display:none;">
    Code (markup):
    Figured I'd post it up here for anyone else who can't figure this out.
     
    Last edited: Feb 18, 2010
    moronic_kaos, Feb 18, 2010 IP
  6. Darkhodge

    Darkhodge Well-Known Member

    Messages:
    2,111
    Likes Received:
    76
    Best Answers:
    1
    Trophy Points:
    185
    #6
    Yeah you can do it that way. There's basically 3 ways that you can define CSS:

    • Inline
    • Embedded
    • External

    What you've done is declared the style inline. What I was suggesting is to put it in the external CSS file that you get in the download package, i.e. jd.gallery.css, as it'll be easier to manage if you decide to make changes later on. It'll also help reduce the file size as you won't have to add 'style="display:none;"' to every image you add to the slide show. :)
     
    Darkhodge, Feb 18, 2010 IP