jQuery Carousel not advancing in Internet Explorer 7 -
i have jcarousel on homepage of site:
http://www.thegirlsfoundationoftanzania.org/
it works great in browsers except internet explorer 7 , 6. in 7, renders carousel correctly pictures not advance nor next , previous arrows work. have tried think of fix no avail. ie 7 not display javascript errors.
the code jcarousel container is:
<div id='carouselboxes'> <a href='#' id='carouselboxes-prev'></a> <a href='#' id='carouselboxes-next'></a> <ul> <li><img src="/featurephotos/10_slideshow 2.jpg" width='600' height='410' border='0' /></li> <li><a href='/facts_about_girls.htm'><img src="/featurephotos/15_facts.jpg" width='600' height='410' border='0' /></a></li> <li><img src="/featurephotos/11_slideshow 3.jpg" width='600' height='410' border='0' /></li> <li><a href='/donate.htm'><img src="/featurephotos/16_community.jpg" width='600' height='410' border='0' /></a></li> <li><img src="/featurephotos/8_slideshow 1.jpg" width='600' height='410' border='0' /></li> <li><a href='/the_investment_in_girls.htm'><img src="/featurephotos/17_investment.jpg" width='600' height='410' border='0' /></a></li> <li><img src="/featurephotos/14_slideshow 6.jpg" width='600' height='410' border='0' /></li> <li><a href='/our_mission.htm'><img src="/featurephotos/18_mission.jpg" width='600' height='410' border='0' /></a></li> <li><img src="/featurephotos/13_slideshow 5.jpg" width='600' height='410' border='0' /></li> <li><a href='/our_leadership_team.htm'><img src="/featurephotos/19_leadership.jpg" width='600' height='410' border='0' /></a></li> </ul> </div>
the code initialize carousel is:
$(document).ready(function() {
function carouselboxes_initcallback(carousel) { $('#carouselboxes-next').bind('click', function() { carousel.next(); return false; }); $('#carouselboxes-prev').bind('click', function() { carousel.prev(); return false; }); } $('div#carouselboxes').jcarousel({ start: 1, scroll: 1, auto: 5, wrap: 'both', initcallback: carouselboxes_initcallback, buttonnexthtml: null, buttonprevhtml: null }); });
i have tried simplifying code down couple lis no links , simple jcarousel call scroll: 1 , auto: 1, example. none of has worked. have ideas on cause not work in ie 7?
Comments
Post a Comment