0

我有一个包含菜单 div、徽标 div 和一些文本的标题 div。我想制作幻灯片。我尝试了 JQuery fadeIn() 和 fadeOut() 函数,但是当我使用 fadeOut() 方法时,所有标题内容( menu div,logo div etc...) 是有影响的。我写了一个 JavaScript 函数来改变 header div 的背景图像,但这一次,它不像幻灯片,它像一个 gif 图像。我需要制作一个在图像之间缓慢传递的幻灯片。

我的代码在这里


        
            var imageArray = new Array();
            var switchMilliseconds = 5000;

            // 指定 div 或其他 HTML 标签的 id
            // 要切换的背景图片。

            var divID = "标题";

            // 要添加更多图像,请继续下面的模式。

            imageArray[0] = 'images/header_bg.png';
            imageArray[1] = 'images/1.jpg';
            imageArray[2] = 'images/header_bg.png';
            imageArray[3] = 'images/1.jpg';



            // 在这个 JavaScript 中不需要进一步的定制

            功能发布图片(一){

                        document.getElementById(divID).style.background = 'url("' + imageArray[i] + '")';


                    我++;
                    如果 (i > (imageArray.length - 1)) { i = 0; }
                    setTimeout('publishPicture(' + i + ')', switchMilliseconds);

            }

            发布图片(0);

        

4

0 回答 0