1

如果我在单个页面中使用此插件可以解决问题，例如将模板用作 wordpress 和 enqueve

在第一刻我得到了作品，但只在firefox中工作，之后我尝试在其他导航器中工作，从来没有作品，只在firefox中工作

当我得到工作时，我这样做，我使用简码来显示这个滑块，带有图像，并在简码和插件 src 引用中使用 jquery 核心引用，以这种方式工作，但如果代码在头部wordpress 无效，如果使用短代码中的代码，这会停止我所有的 wordpress 脚本，并且只适用于这个插件，如果 jquery 的参考代码和引用这个插件进入头部永远不会起作用，但是是的，我的所有插件

只有这个插件有问题，总是给我同样的问题，我的代码是这样的：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.5.2'"></script>
<script src="container/themes/thefactoyweb/js/jquery.carouFredSel-6.2.1.js"></script>

<style>

#footxxx img
{
    width:280px;
    height:113px;   
}

</style>

    <div id="footxxx">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
        <img src="image1.png" class="image_car" height="113" width="280">
    </div>


<script>

    jQuery(document).ready(function() {

        jQuery("#footxxx").carouFredSel({
            items: 3,
            direction: "left",
            scroll:{
                items: 2,
             // width   : 280,
             // height  : 140,
                easing:"elastic",
                duration:1000,                          
                pauseOnHove:true
            }                   
        }); 
    });

</script>

通过这个我想知道是否存在这个插件的替代品，因为它不可能正常工作，当修复一个问题时显示另一个问题并继续遇到更多问题

感谢和问候 ！

4

1 回答 1

1

你需要做的一些改变。

关闭图像标签

<div id="footxxx">
<img src="http://lorempixel.com/113/280/" class="image_car" height="113" width="280" />
<img src="http://lorempixel.com/113/280/" class="image_car" height="113" width="280" />
<img src="http://lorempixel.com/113/280/" class="image_car" height="113" width="280" />
<img src="http://lorempixel.com/113/280/" class="image_car" height="113" width="280" />
<img src="http://lorempixel.com/113/280/" class="image_car" height="113" width="280" />
<img src="http://lorempixel.com/113/280/" class="image_car" height="113" width="280" />
<img src="http://lorempixel.com/113/280/" class="image_car" height="113" width="280" />
</div>

正确的 jquery 调用

$(document).ready(function() {
        $("#footxxx").carouFredSel({
            items: 3,
            direction: "left",
            scroll:{
                items: 2,
             // width   : 280,
             // height  : 140,
                easing:"elastic",
                duration:1000,                          
                pauseOnHove:true
            }                   
        }); 
    });

正确的 CSS 浮动

#footxxx img
 {
   width:280px;
   height:113px;   
   float:left;
}

工作演示

于 2013-09-09T14:27:20.247 回答