Question

我遇到了麻烦，我的网上有一个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>

Answer 1

如果#apDiv2不是img，则设置src属性将不会执行任何操作。所以考虑改为：

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

Answer 2

我认为你可以通过使用CSS实现这一目标。您可以看到此链接，它可能对您有所帮助：

http://css3.bradshawenterprises.com/cfimg/

Answer 3

属性在div中不可用，因此您可以在div img阶段内使用并设置该属性。

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

如果您设置div的背景，也可以采用另一种方式。

我想做一个幻灯片div

3 个答案: