ianebden
08-06-2009, 11:06 AM
Hi - I'm a newbie to jQuery and only limited JavaScript skills, and I'm really struggling with something at the moment which is probably a real quick fix for someone who knows what they're looking at. If anyone can help me I'd be very grateful. Okay...
I'm getting the following error: this.container is null
I'm including a few jQuery libraries, including MooTools and a carousel script.
Here's how my <head> looks...
<script type="text/javascript" src="/scripts/jquery.js"></script>
<script type="text/javascript" src="/scripts/jquery.tools.min.js"></script>
<script type="text/javascript" src="/scripts/mootools.js"></script>
<script type="text/javascript" src="/scripts/iCarousel.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#share").overlay();
var ex6Carousel = new iCarousel("example_6_content", {
idPrevious: "example_6_previous",
idNext: "example_6_next",
idToggle: "undefined",
item: {
klass: "example_6_item",
size: 700
},
animation: {
type: "scroll",
duration: 1000,
amount: 1
}
});
jQuery("thumb0").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(0)});
jQuery("thumb1").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(1)});
jQuery("thumb2").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(2)});
jQuery("thumb3").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(3)});
jQuery("thumb4").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(4)});
jQuery("thumb5").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(5)});
jQuery("thumb6").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(6)});
jQuery("thumb7").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(7)});
jQuery("thumb8").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(8)});
jQuery("thumb9").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(9)});
});
</script>
It appears to be the carousel/thumb scripting that's causing the issues. Any thoughts?
I'm getting the following error: this.container is null
I'm including a few jQuery libraries, including MooTools and a carousel script.
Here's how my <head> looks...
<script type="text/javascript" src="/scripts/jquery.js"></script>
<script type="text/javascript" src="/scripts/jquery.tools.min.js"></script>
<script type="text/javascript" src="/scripts/mootools.js"></script>
<script type="text/javascript" src="/scripts/iCarousel.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#share").overlay();
var ex6Carousel = new iCarousel("example_6_content", {
idPrevious: "example_6_previous",
idNext: "example_6_next",
idToggle: "undefined",
item: {
klass: "example_6_item",
size: 700
},
animation: {
type: "scroll",
duration: 1000,
amount: 1
}
});
jQuery("thumb0").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(0)});
jQuery("thumb1").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(1)});
jQuery("thumb2").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(2)});
jQuery("thumb3").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(3)});
jQuery("thumb4").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(4)});
jQuery("thumb5").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(5)});
jQuery("thumb6").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(6)});
jQuery("thumb7").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(7)});
jQuery("thumb8").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(8)});
jQuery("thumb9").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(9)});
});
</script>
It appears to be the carousel/thumb scripting that's causing the issues. Any thoughts?