web 图片显示隐藏、 轮番显示 设计思路

Web图片的显示隐藏以及轮番显示可以通过以下几种方式实现：

1. CSS的display属性

可以通过设置CSS中的display属性来实现图片的显示和隐藏。例如，设置display:none可以隐藏图片，而设置display:block可以显示图片。可以使用JavaScript来控制display属性，实现图片的动态显示和隐藏。

2. jQuery的show()和hide()方法

jQuery提供了show()和hide()方法来实现图片的显示和隐藏。使用方法如下：

$("#image1").show(); //显示图片
$("#image1").hide(); //隐藏图片

可以使用定时器和循环来实现图片的轮番显示，例如：

var images = ["image1.jpg", "image2.jpg", "image3.jpg"];
var index = 0;
setInterval(function(){
    $("#image").attr("src", images[index]);
    index = (index + 1) % images.length;
}, 3000);

这段代码将轮番显示images数组中的图片，每3秒钟切换一次。

3. JavaScript的DOM操作

可以使用JavaScript的DOM操作来动态创建和删除图片元素，实现图片的显示和隐藏。例如：

var image = document.createElement("img");
image.src = "image1.jpg";
document.body.appendChild(image); //显示图片
document.body.removeChild(image); //隐藏图片

同样可以使用定时器和循环来实现图片的轮番显示。