• Resolved Martin

    (@martinlucas)


    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)
  • 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!

    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;
    }

    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!

    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.