PDA

View Full Version : Javascript Carousel conflict



williancima
02-19-2011, 11:00 PM
I am trying to use the Step Carousel Viewer v1.9 (http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm), but another Javascript of my page stops to function when I am using http://www.dynamicdrive.com/dynamicindex4/stepcarousel.js

This is the Javascript that stops to function:

<script type="text/javascript">
$(document).ready(function() {
$('a[name=modal]').click(function(e) {
e.preventDefault();
var id = $(this).attr('href');
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.8);

//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
$(id).fadeIn(2000);
});
$('.window .close').click(function (e) {
e.preventDefault();
$('#mask').hide();
$('.window').hide();
});
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>

How I decide?

azoomer
02-19-2011, 11:12 PM
The stepcarousel is in jQuery noconflict mode and that is probably why the second script won't work. You could try to change

$(document).ready(function() {

to

jQuery(document).ready(function($) {

and see if that helps.

williancima
02-20-2011, 04:53 PM
I am using jQuery to open one light box. I substituted for $(document).ready (function() { and alone opened #mask :(