我想做一张幻灯片div

我想做一张幻灯片div

我遇到了麻烦,我的网站上有一个DIV PA,我需要在上面显示(不能同时显示!)3张照片,我有此代码,但是由于某种原因它没有显示图像。

<script type="text/javascript">
    var imgs = ['Imagenes/1.jpg', 'Imagenes/2.jpg', 'Imagenes/3.jpg'];
    var cnt = imgs.length;

    $(function() {
        setInterval(Slider, 3000);
    });

    function Slider() {
    $('#apDiv2').fadeOut("slow", function() {
       $(this).attr('src', imgs[(imgs.length++) % cnt]).fadeIn("slow");
    });
    }






<div id="apDiv2"> </div>


先感谢您!
问候。

编辑:我找到了我搜索的代码,感谢那些给我提示的代码,我的问候

<script  type="text/javascript">
    var now = 0;
    var int = self.setInterval("changeBG()", 3000);
    var array = ["Imagenes/1.jpg", "Imagenes/2.jpg", "Imagenes/3.jpg", ];

    function changeBG(){
        //array of backgrounds
        now = (now+1) % array.length ;
        $('#apDiv2').css('background-image', 'url("' + array[now] + '")');
    }
 </script>

最佳答案

如果#apDiv2不是中的img,则将其设置为src属性将不会执行任何操作。因此,请考虑更改为:

<img id="apDiv2" src="" alt="" />

关于jquery - 我想做一张幻灯片div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22651830/

10-09 19:20