Скользящие фотографии внутри нижнего колонтитула WordPress

Question

У меня есть около 30 различных логотипов, и я должен поместить их все в нижний колонтитул, который должен скользить по тем изображениям, как в нижнем колонтитуле страницы http://laravel.com/, где фон медленно скользит. Как я могу это сделать?

Answer 1

Вы можете использовать этот код с JQuery:

HTML:

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

CSS:

#silde{
    height:191px;
    width:100%;
    background-image: url(http://laravel.com/assets/img/quotes.jpg);
    background-position: 0 0;
}

Js:

$(document).ready(function(){
    var posi = 0 ;
    setInterval(function(){
        posi++;
        $("#silde").css("background-position",posi+'px 0');
        }, 200);
});

и вы можете использовать posi++ двигаться вправо, posi-- двигаться влево. и вы можете увидеть образец здесь: http://jsfiddle.net/4bbykut3/1/