bug with IE and Flickr loading

[zadro]

Great plugin! Thank you very much for your continued development.

We're getting ready to launch a new site and are still in development. I've implemented the Flickr feed "replace" event. It works great in FF/Chrome/Safari but IE only shows 1 picture and the scrollable areas are not working.

Thanks very much in advance.

[zadro]

I found a temporary workaround for IE. Looks like IE can't calculate the carousel width, so...

<div id="makeMeScrollable">
        <div class="flickrFake"></div>
</div>

Then before calling the "replace" method, I set the width:

$(".flickrFake").css("width", '2916px' );

It would be nice if if can calculate the width of the Flickr feed. Also, would be nice to have linking on the Flickr images to the photostream and set the number of desired returned images.

[tkahn]

Have you tried loading the content on initialization, like this:

$('#makeMeScrollable').smoothDivScroll({
    getContentOnLoad: {
        method: "getFlickrContent",
        content: "http://api.flickr.com/services/feeds/photos_public.gne?id=86282415@N04&format=json&jsoncallback=?",
        manipulationMethod: "replace"
    }
});

Loading flickr content on initialization is new in version 1.3.

/Thomas

[zadro]

Hi Thomas,

Thank you for responding. Unfortunately, that does not work either. It seems that IE does not register the "overflow" CSS property correctly and/or smoothdivscroll does not set the "makeMeScrollable" width before scroll?

With my example above, if you can push the calculated width to "flickrFake" via outerWidth(), I think that would solve the problem. Is this possible? Or, it's a simple CSS fix that I can't figure out...

Thanks again,

Dario

[tkahn]

I've tried your demo page in Internet Explorer 9 and used the compatibility view to simulate various older version of IE, but fow me the scroller works every time(?)

Is it something that I haven't tried or is it the temporary work-around that kicks in?

[zadro]

The workaround kicks in. If you notice, the IE version only shows 10 photos due to the workaround (rest are lost in overflow:hidden), while FF and Chrome show all the photos...I believe around 18 current photos.

[hugo-warp]

I am having the same problem with the overflow. After doing "getAjaxContent" it won't scroll because the width of "scrollableArea" is wrong and calling "recalculateScrollableArea" isn't fixing it.