2012-10-22 27 views
2
<script type="text/javascript"> 
function Start(){ 
    Shadowbox.init({skipSetup: true}); 
    Shadowbox.open({ 
     content: '/luckycement/flashxml/LuckyCement.swf', 
     player:  'swf', 
     title:  "", 
     width:  800, 
     height:  600 
    }) 
} 
//window.onload=Start; 
</script> 

<script src="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script> 

<script src="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/SpryAssets/jquery-1.3.1.min.js" type="text/javascript"></script> 

<script type="text/javascript" src="/luckycement/plugins/content/arisexylightboxlite/js/jquery.min.js"></script> 

    <script type="text/javascript" src="/luckycement/plugins/content/arisexylightboxlite/js/jquery.noconflict.js"></script> 

    <script type="text/javascript" src="/luckycement/plugins/content/arisexylightboxlite/js/jquery.easing.js"></script> 

    <script type="text/javascript" src="/luckycement/plugins/content/arisexylightboxlite/js/jquery.sexylightbox.min.js"></script> 

    <script type="text/javascript"> 
jQuery(document).ready(function(){ SexyLightbox.initialize({"dir":"\/luckycement\/plugins\/content\/arisexylightboxlite\/js\/sexyimages"}); }); 
    </script> 

    <!--script type="text/javascript" src="js/jquery-1.3.1.min.js"></script--> 
<script type="text/javascript"> 

$(document).ready(function() {  
//alert('nida');  
    //Execute the slideShow 
    slideShow(); 
    slideshowimg(); 
    $("#accordion").accordion(); 
    //alert($("#tabarea_r").attr('id')); 

}); 

function slideShow() { 
    //alert($('#gallery').attr('id')); 
    //Set the opacity of all images to 0 
    $('#gallery a').css({opacity: 0.0}); 

    //Get the first image and display it (set it to full opacity) 
    $('#gallery a:first').css({opacity: 1.0}); 

    //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds 
    setInterval('gallery()',5000); 

} 

function gallery() { 

    //if no IMGs have the show class, grab the first image 
    var current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first')); 

    //Get next image, if it reached the end of the slideshow, rotate it back to the first image 
    var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first')); 

    //Get next image caption 
    var caption = next.find('img').attr('rel'); 

    //Set the fade in effect for the next image, show class has higher z-index 
    next.css({opacity: 0.0}) 
    .addClass('show') 
    .animate({opacity: 1.0}, 1000); 

    //Hide the current image 
    current.animate({opacity: 0.0}, 1000) 
    .removeClass('show'); 

    //Set the opacity to 0 and height to 1px 
    $('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 }); 

    //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect 
    $('#gallery .caption').animate({opacity: 0.7},100).animate({height: '100px'},500); 

    //Display the content 
    $('#gallery .content').html(caption); 


} 
</script> 

任何人都可以幫助我排序的問題?我正在使用shadowbox.js在shadowbox中顯示圖庫圖像,但它與我的圖庫衝突。我正在使用函數start()調用索引頁加載並在shadowbox中運行flash文件。但爲了顯示圖像,它不會顯示shadowbox與我的JavaScript文件衝突。Jquery shadow box衝突

回答

2

它們相互衝突,因爲您使用了兩個不同的jQuery版本。僅針對sexylightbox和shadowbox使用最新的jQuery版本。