jQuery轮播图用show

jQuery 轮播图可以通过使用 `show()` 方法来实现图片的轮播效果。具体的做法是：

1. 定义一个轮播图容器，用来包含轮播图中的所有图片，可以使用 `div` 或 `ul` 等元素；
2. 在轮播图容器中，定义多个轮播图图片元素，可以使用 `img` 元素；
3. 使用 `show()` 方法来显示当前轮播图图片，并使用 `hide()` 方法隐藏其它图片，从而实现轮播效果；
4. 定时切换轮播图图片，可以使用 `setInterval()` 方法来定时执行轮播操作。

以下是一个示例代码：

<div class="carousel-container">
  <img src="image1.jpg" class="carousel-image">
  <img src="image2.jpg" class="carousel-image">
  <img src="image3.jpg" class="carousel-image">
</div>

.carousel-container {
  position: relative;
  width: 500px;
  height: 300px;
  overflow: hidden;
}

.carousel-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

$(function() {
  var images = $('.carousel-image');
  var index = 0;
  var interval = setInterval(function() {
    images.eq(index).show().siblings().hide();
    index = (index + 1) % images.length;
  }, 2000);
});

在上面的代码中，`.carousel-container` 是轮播图容器的样式类，设置了容器的宽度、高度、溢出属性等。`.carousel-image` 是轮播图图片的样式类，设置了图片的绝对定位、宽度、高度等。在 JavaScript 中，使用 `$()` 函数来选取轮播图容器中的所有图片，然后使用 `setInterval()` 方法来定时执行轮播操作，该方法会在每个 2 秒钟切换一张图片，使用 `show()` 方法来显示当前轮播图图片，使用 `siblings()` 方法选择其它图片，并使用 `hide()` 方法将其隐藏。