Hy,我在首页集成了一个jquery幻灯片,当我在网站上安装下一代Galley时,这个问题就出现了。幻灯片停止工作,我认为存在冲突。
我有2个标题
索引标题。php-索引页面幻灯片的标题
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="<?php bloginfo(\'template_url\'); ?>/js/jquery.cycle.all.js"></script>
<script src="<?php bloginfo(\'template_url\'); ?>/js/jquery.easing.1.3.js"></script>
<script>
$(function() {
// ---------------------------------------------------
// Slideshow 1
$(\'#slideshow_1\').cycle({
fx: \'scrollHorz\',
easing: \'easeInOutCirc\',
speed: 700,
timeout: 5000,
pager: \'.ss1_wrapper .slideshow_paging\',
prev: \'.ss1_wrapper .slideshow_prev\',
next: \'.ss1_wrapper .slideshow_next\',
before: function(currSlideElement, nextSlideElement) {
var data = $(\'.data\', $(nextSlideElement)).html();
$(\'.ss1_wrapper .slideshow_box .data\').fadeOut(500, function(){
$(\'.ss1_wrapper .slideshow_box .data\').remove();
$(\'<div class="data">\'+data+\'</div>\').hide().appendTo(\'.ss1_wrapper .slideshow_box\').fadeIn(700);
});
}
});
// not using the \'pause\' option. instead make the slideshow pause when the mouse is over the whole wrapper
$(\'.ss1_wrapper\').mouseenter(function(){
$(\'#slideshow_1\').cycle(\'pause\');
}).mouseleave(function(){
$(\'#slideshow_1\').cycle(\'resume\');
});
// ---------------------------------------------------
$(\'a[href="#"]\').click(function(event){
event.preventDefault(); // for this demo disable all links that point to "#"
});
});
</script>
标题。php-它用于网站的每个页面。这是我的
<?php wp_head(); ?>
我怎样才能让它工作。如何加载幻灯片而不干扰下一代Galley jquery