Too Many Images (IE Issue)

  • Resolved Martin

    (@martinlucas)


    15 years ago

    I am using a sliding gallery to display thumbnails of all the posts in the site within the footer. I’m using the Get The Image plugin to grab a thumbnail from each post, I’ve got a loop working and it all sits in a div layer, this is then controlled with a jquery slider.

    It works fine in FireFox and Safari (Mac and PC), and it works fine in Internet Explorer with 20 or 50 images – but the full site has 170 posts and thumbnails. I know it’s not the jquery that is causing the issue as it works fine with a few thumbnails.

    Internet Explorer will load all the images, but it takes a very long time – once loaded, if I try and use the slider Explorer will crash. As I said, it works fine with only a few posts / thumbnails. It also crashes and takes ages to load if I remove all the jquery. I’ve also tried handcoding the thumbnails and therefore removing the Get The Image plugin and the loop – but it still crashes.

    Is this just too many images for Internet Explorer to cope with?

Viewing 10 replies - 1 through 10 (of 10 total)
  • gregnak

    (@gregnak)

    Think this is what you are looking for:
    https://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin

    Dont know if that helps the IE-problem but making it load, lets say, 5 images at the time will ease the load compared to 170, right?

    Thread Starter Martin

    (@martinlucas)

    Thanks,

    I’ll have a look and try it out.

    Thread Starter Martin

    (@martinlucas)

    That didn’t work, it seems to clash with the jquery on the sliding gallery I have set up in the footer.

    Any other suggestions would be much appreciated!

    Thread Starter Martin

    (@martinlucas)

    Ok, after a little more investigation – it’s due to the fact they are in a scrollable div layer. The amount of images is fine, if they are displayed in the footer – but if I return them to their div layer with either overflow: hidden (with jquery doing the scroll) or overflow: scroll so it’s just a plain div layer with a scroll bar – it crashes.

    HELP!

    gregnak

    (@gregnak)

    Is there by any chance possible to see a demo?

    Thread Starter Martin

    (@martinlucas)

    here we go;

    https://terrorfliegerwarlog.co.uk/

    i’m wondering if internet explorer doesn’t like the fact the div layer is so long with all those images, is there an upper limit to a div layer size?

    Thread Starter Martin

    (@martinlucas)

    here is the css code for the footer;

    #footercontainer {
            width: 940px;
            margin: 5px auto;
            padding: 0px;
}

#footer #footercontainer a:hover {background-color: #000;}

/* slider specific CSS */

        .sliderGallery {
            overflow: hidden;
            position: relative;
            padding: 0px;
            height: 165px;
            width: 940px;
        }

        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }

        .sliderGallery UL LI {
            display: inline;
        }

        .slider {
            width: 940px;
            height: 17px;
            margin-top: 140px;
            margin-left: 0px;
            padding: 0px;
            position: relative;
            background: url(images/scrollbar.gif) no-repeat;
        }

        .handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 123px;
            top: 0px;
            background: url(images/scroller.png) no-repeat;
            z-index: 100;
        }

        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }

.footerimageitems {
width: 100px;
height: 100px;
background-color: #fff;
border: 1px solid #600;
padding: 9px;
margin: 5px 3px;
}
    stevencashman009

    (@stevencashman009)

    yep, I also noticed such trouble with latest IE. if I check from other browser – everything is ok, via anonymizers – as well everything is ok.

    [sig moderated as per the Forum Rules]

    Thread Starter Martin

    (@martinlucas)

    this is now sorted, it is an IE 8 bug on the display: inline property on li elements, had to change it to display: inline-block and it works fine!

    gregnak

    (@gregnak)

    And IE never stops surprising =)

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Too Many Images (IE Issue)’ is closed to new replies.