Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 页脚wordpress中的滑动照片_Javascript_Footer_Sliding - Fatal编程技术网

Javascript 页脚wordpress中的滑动照片

Javascript 页脚wordpress中的滑动照片,javascript,footer,sliding,Javascript,Footer,Sliding,我有大约30个不同的标志,我必须把它们都放在页脚,这应该像在这页页脚,其中背景是慢慢滑动的图像。我如何做到这一点?您可以在jQuery中使用以下代码: HTML: <div id="silde"> </div> Js: 您可以使用posi++向右移动,posi-向左移动。 您可以在这里看到示例:您的问题太笼统了,您至少应该尝试创建您需要的内容,而不要求其他人为您创建。到目前为止你试过什么?你试过滑块了吗?你的密码是什么?我不知道怎么做。我希望有一个jquery插件或其他

我有大约30个不同的标志,我必须把它们都放在页脚,这应该像在这页页脚,其中背景是慢慢滑动的图像。我如何做到这一点?

您可以在jQuery中使用以下代码:

HTML:

<div id="silde">
</div>
Js:

您可以使用posi++向右移动,posi-向左移动。
您可以在这里看到示例:

您的问题太笼统了,您至少应该尝试创建您需要的内容,而不要求其他人为您创建。到目前为止你试过什么?你试过滑块了吗?你的密码是什么?我不知道怎么做。我希望有一个jquery插件或其他东西。让我们更简单一点,我可以做任何内容,文字,图片,等写在同一个使慢慢滑左,像在那个页面。是的。我最喜欢的滑块是WooThemes的Flex slider。有一个免费的,真的很好,但可能太先进了。他们也有一个WordPress滑块插件,但它的价格是29美元。在这里查看:这是我的css代码.home.page.footerclass{高度:60px;宽度:100%;背景图像:urlhttp://laravel.com/assets/img/quotes.jpg;背景位置:0;}它显示了图片,但该图片没有移动,我应该在JS代码中更改什么?将更改为“.home.page.footerclass”。我的代码在,但它仍然没有在页面上移动。。我在里面添加的JS代码发送一个新问题,并复制问题中的代码,然后将问题url发送到这里。这很好,你确定jquery在你的页面中加载了吗?
#silde{
    height:191px;
    width:100%;
    background-image: url(http://laravel.com/assets/img/quotes.jpg);
    background-position: 0 0;
}
$(document).ready(function(){
    var posi = 0 ;
    setInterval(function(){
        posi++;
        $("#silde").css("background-position",posi+'px 0');
        }, 200);
});