JQueryのスライドショーby fadein/fadeout CSSの背景画像のURL

Question

私はJQueryでスライドショーを作成しようとしています。私はCSSとしてbackground-image:url()を持っているdivがあります。私は今、他の人とそれを交換して、この背景画像を回転させ、それからスライドショーを作成しようとしています。

私は何かを試しましたが、何らかの理由で動作していないため、私はなぜそれがわかりません。

また、CSSキーフレームも試しましたが、スライドショーが最初に戻ったときには完璧ではありません。そのため、私はそれを使用することはできません。

私はちょうど6枚の画像を持っています。あなたのimagesアレイ内

var image = $('#slide-1 .bcg'); //this is my div container with the background-color:image() in it's css 
var images = ["{{ 'slide1.jpg' | asset_url }}","{{ 'slide2.jpg' | asset_url }}","{{ 'slide3.jpg' | asset_url }}","{{ 'slide4.jpg' | asset_url }}","{{ 'slide5.jpg' | asset_url }}","{{ 'slide6.jpg' | asset_url }}"]; 

image.fadeOut(1000, function() { 
    image.css("background-image", "url("+images[0]+")"); 
    image.fadeIn(1000); 
}); 

Answer 1

値が正しくない：

は、ここに私のコードです。

背景画像の値をurl()に設定する方法については、thisページを参照してください。 {{ 'slide1.jpg | asset_url }}のような値は画像を表示しません。代わりにちょうどslide1.jpgがほしいと思うかもしれませんか？

また、変数を割り当てるときには、等号があることを確認してください。 2行目はvar images = ...です。