Hello,

Are there any known issues regarding why this module/plugin does not work in IE7.

I get it to work perfectly in Firefox 2.0, but in IE7 it fails--it pastes all of my carousel images directly into the node.

THANKS for any help!

Here is my javascript code:

$(function() { $(".carousel").jCarouselLite({ btnPrev: ".prev", btnNext: ".next", auto: null, speed: 100, vertical: false, circular: true, visible: 1, start: 0, scroll: 1, }); });

Here is my CSS for JCarousel:

.carousel {
height: 260px;
width: 210px;
}

.prev {
font-style:italic;
}

.next {
font-style:italic;
}

Here is the HTML output:

<<

  • Only local images are allowed.
  • Only local images are allowed.
  • Only local images are allowed.
  • Only local images are allowed.
  • Only local images are allowed.

>>

Comments

jkestler’s picture

jkestler commented
Priority: Critical » Normal

HTML output (corrected from above)

<div class="content">
<p><button class="prev"><<</button></p>
<div class="carousel">
<ul>
<li><img src="/files/images/pdf/animalfarm/1.png" alt="" width="210" height="260"></li>
<li><img src="/files/images/pdf/animalfarm/2.png" alt="" width="210" height="260"></li>
<li><img src="/files/images/pdf/animalfarm/3.png" alt="" width="210" height="260"></li>
<li><img src="/files/images/pdf/animalfarm/4.png" alt="" width="210" height="260"></li>
<li><img src="/files/images/pdf/animalfarm/5.png" alt="" width="210" height="260"></li>
<li><img src="/files/images/pdf/animalfarm/6.png" alt="" width="210" height="260"></li>
</ul>
</div>
<p><button class="next">>></button></p>
</div>
</div>
ron_mahon’s picture

ron_mahon commented

Were you able to get this working in IE7??

If so please share the solution.

Thanks & Best Regards

Ron

jkestler’s picture

jkestler commented

I wasn't able to figure it out. I gave up and stopped using jquery-dependent modules altogether.

moonray’s picture

moonray commented
Status: Active » Fixed

The problem was in the javascript.

$(function() {
$(".carousel").jCarouselLite({
btnPrev: ".prev",
btnNext: ".next",
auto: null,
speed: 100,
vertical: false,
circular: true,
visible: 1,
start: 0,
scroll: 1,
});
});

If you remove the last comma after scroll: 1 it should resolve your issue.

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

stevegmag’s picture

stevegmag commented

That fixed my issue. Thanks! (oh and f* IE right in the ear!)