我想做一张幻灯片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不是imgin,则设置它的src属性不会做任何事情。因此,请考虑更改为:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

全高滑块跳过一张幻灯片

来自分类Dev

bxSlider最后一张幻灯片为空

来自分类Dev

bxslider移动第一张幻灯片

来自分类Dev

删除上一张幻灯片上的课程

来自分类Dev

Bootstrap Carousel 下一张幻灯片添加到上一张幻灯片的下方

来自分类Dev

是否可以从当前幻灯片转到下一张幻灯片?

来自分类Dev

离子5幻灯片ionSlideDidChange不要求最后一张幻灯片

来自分类Dev

如何使用OpenXML将幻灯片插入另一张PowerPoint幻灯片?

来自分类Dev

猫头鹰轮播幻灯片全部显示为一张幻灯片

来自分类Dev

为什么幻灯片会跳过最后一张幻灯片?

来自分类Dev

Flexslider上一张和下一张幻灯片的位置

来自分类Dev

光滑-带有上一张/下一张幻灯片的名称的箭头

来自分类Dev

滑动滑块将所有幻灯片放到一张幻灯片中

来自分类Dev

BxSlider:最后一张幻灯片上的“下一张”->跳回到第一张幻灯片?

来自分类Dev

如何将PDF从每页两张幻灯片转换为每页一张幻灯片?

来自分类Dev

禁用和启用轮播图标不适用于第一张和最后一张幻灯片之间的幻灯片 - Bootstrap

来自分类Dev

隐藏/禁用最后一张幻灯片上的“下一张”按钮和第一张幻灯片上的“上一张”按钮

来自分类Dev

滑动滑块YouTube在最后一张和第一张幻灯片上出现故障

来自分类Dev

当ViewPager移至下一张幻灯片时,上一张幻灯片应为每一步降低不透明度值

来自分类Dev

UI引导轮播第一张幻灯片不显示,然后在最后一张幻灯片时崩溃

来自分类Dev

jQuery滑块-Chrome不能正确显示一张幻灯片

来自分类Dev

Bootstrap3轮播-随机挑选下一张幻灯片

来自分类Dev

猫头鹰轮播:每张幻灯片仅显示一张图片

来自分类Dev

jQuery周期2:如何正确显示第一张幻灯片的索引?

来自分类Dev

并排箱:如何在下面制作一张幻灯片?

来自分类Dev

manifest.js打印为pdf仅打印第一张幻灯片?

来自分类Dev

如果winWidth <500,光滑的滑块将删除最后一张幻灯片

来自分类Dev

上一张幻灯片后消失的自转传送带

来自分类Dev

如何禁用轮播的最后一张幻灯片上的按钮?

Related 相关文章

  1. 1

    全高滑块跳过一张幻灯片

  2. 2

    bxSlider最后一张幻灯片为空

  3. 3

    bxslider移动第一张幻灯片

  4. 4

    删除上一张幻灯片上的课程

  5. 5

    Bootstrap Carousel 下一张幻灯片添加到上一张幻灯片的下方

  6. 6

    是否可以从当前幻灯片转到下一张幻灯片?

  7. 7

    离子5幻灯片ionSlideDidChange不要求最后一张幻灯片

  8. 8

    如何使用OpenXML将幻灯片插入另一张PowerPoint幻灯片?

  9. 9

    猫头鹰轮播幻灯片全部显示为一张幻灯片

  10. 10

    为什么幻灯片会跳过最后一张幻灯片?

  11. 11

    Flexslider上一张和下一张幻灯片的位置

  12. 12

    光滑-带有上一张/下一张幻灯片的名称的箭头

  13. 13

    滑动滑块将所有幻灯片放到一张幻灯片中

  14. 14

    BxSlider:最后一张幻灯片上的“下一张”->跳回到第一张幻灯片?

  15. 15

    如何将PDF从每页两张幻灯片转换为每页一张幻灯片?

  16. 16

    禁用和启用轮播图标不适用于第一张和最后一张幻灯片之间的幻灯片 - Bootstrap

  17. 17

    隐藏/禁用最后一张幻灯片上的“下一张”按钮和第一张幻灯片上的“上一张”按钮

  18. 18

    滑动滑块YouTube在最后一张和第一张幻灯片上出现故障

  19. 19

    当ViewPager移至下一张幻灯片时,上一张幻灯片应为每一步降低不透明度值

  20. 20

    UI引导轮播第一张幻灯片不显示,然后在最后一张幻灯片时崩溃

  21. 21

    jQuery滑块-Chrome不能正确显示一张幻灯片

  22. 22

    Bootstrap3轮播-随机挑选下一张幻灯片

  23. 23

    猫头鹰轮播:每张幻灯片仅显示一张图片

  24. 24

    jQuery周期2:如何正确显示第一张幻灯片的索引?

  25. 25

    并排箱:如何在下面制作一张幻灯片?

  26. 26

    manifest.js打印为pdf仅打印第一张幻灯片?

  27. 27

    如果winWidth <500,光滑的滑块将删除最后一张幻灯片

  28. 28

    上一张幻灯片后消失的自转传送带

  29. 29

    如何禁用轮播的最后一张幻灯片上的按钮?

热门标签

归档