I am new to JQuery And I have used 2 jQueries in my page.
For first JQuery my script is like this:
<script>
var jq = $.noConflict();
jq(function() {
jq( "#my_tabs" ).tabs({
event: "click" //click
});
});
</script>
Now when I use a second jQuery like this I lost my first jQuery. It's unable to load
<script type="text/javascript">
$(document).ready(function () {
$("#waterwheel-carousel-default").waterwheelCarousel();
$("#waterwheel-carousel-higharch").waterwheelCarousel({
startingWaveSeparation: -90,
waveSeparationFactor: .7,
centerOffset: 10,
startingItemSeparation: 120,
itemSeparationFactor: .9,
itemDecreaseFactor: .75
});
$("#waterwheel-carousel-horizon").waterwheelCarousel({
startingWaveSeparation: 0,
centerOffset: 30,
startingItemSeparation: 150,
itemSeparationFactor: .7,
itemDecreaseFactor: .75,
opacityDecreaseFactor: 1,
autoPlay: 1500
});
$("#waterwheel-carousel-flat").waterwheelCarousel({
itemSeparationFactor: 1,
itemDecreaseFactor: 1,
waveSeparationFactor: 1,
startingWaveSeparation: 0,
startingItemSeparation: 280,
centerOffset: 10,
opacityDecreaseFactor: .3,
autoPlay: 3000,
edgeReaction: 'reverse'
});
$("#waterwheel-carousel-vertical").waterwheelCarousel({
orientation: 'vertical',
startingItemSeparation: 100,
startingWaveSeparation: 40,
autoPlay: 2000
});
});
</script>
I am using both jQueries for image sliding.. Can anyone tell me what the problem is? Thanks