Carousel not working in IE7/8

Posted by user515990 on Stack Overflow See other posts from Stack Overflow or by user515990
Published on 2011-06-14T20:52:38Z Indexed on 2011/06/21 8:22 UTC
Read the original article Hit count: 506

Filed under:
|
|
|

I am working with jquery.carouFredSel-4.0.3-packed.js for the carousal and it works good with IE9 and mozilla,but in IE7/8, it says "LOG: carouFredSel: Not enough items: not scrolling " whenever i am seeing it is not the case.

The code i am using is

<div class="carousel-wrapper">
    <div class="mask">
        <a class="arrow left off"><-</a>
        <a class="arrow left on" href="javascript:void(0);"><-</a>
        <ul>
            <dsp:droplet name="ForEach">
                <dsp:param name="array" value="${listRecommended}"/>
                <dsp:oparam name="empty">no recommended apps</dsp:oparam>
                <dsp:oparam name="output">
                    <li>
                        <a href="javascript:void(0);"><img src="${resourcePath}/images/apps/carousel-image1.jpg" alt="bakery story"/></a>
                        <a href="javascript:void(0);"><dsp:valueof param="element.displayName"/></a><br/>
                        <dsp:getvalueof var="averageRating" param="element.averageRating"/>
                        <dsp:getvalueof var="rating" param="count"/>
                        <div class="rating">
                             <div class="medium">
                                <dsp:droplet name="For">
                                    <dsp:param name="howMany" value="${averageRating}"/>
                                    <dsp:oparam name="output">
                                        <input checked="checked" class="star {split:1}" disabled="disabled" name="product-similar-'${rating}'" type="radio">
                                    </dsp:oparam>
                                </dsp:droplet>
                            </div>
                        </div>
                    </li>
                </dsp:oparam>
            </dsp:droplet>
        </ul>
    </div>
    <a class="arrow right off">-></a>
    <a class="arrow right on" href="javascript:void(0);">-></a>
</div>

and javascript library is jquery.carouFredSel-4.0.3-packed.js.

Please let me know if someone has faced similar problem.

thanks in advance Hemish

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about html