滑らかなスライディング背景画像

Question

私は、次のようにバックグラウンド画像を設定したいPhPページを持っています。

body id="indexbody" background="<?php echo base_url(); ?>images/Images03.png" 
style="background-repeat:no-repeat;background-size:cover;position: relative; 
background-size:100% 100vh;" 

ここでは、背景画像をよく示しています。私は、バックグラウンドイメージがスムーズにフェードインとフェードインし続けることを望みます。

<script> 
window.onload = function() { 
var images = [ 
    "http://images/Images01.png", 
    "http://images/Images02.png", 
    "http://images/Images03.png" 
] 
var imageHead = document.getElementById("indexbody"); 

var i = 0; 
$('#indexbody').fadeTo('slow', 0.3, function() 
{ 
    $(this).css('background-image', 'url(' + images[i] + ')'); 
i = i + 1; 
     if (i == images.length) { 
     i = 0; 
     } 
}).delay(1000).fadeTo('slow', 1); 
</script> 

これは機能しません。誰でもこれを達成する方法を提案することができます。フェードインフェードアウトまたは左から右へのスライド

Answer 1

プラグインを使用していますか？

this plugin worked for me