用JavaScript一个图片特效设计（横向的相册效果、纵向的相册效果、图片轮播等）。

好的，这里提供一个简单的图片轮播的实现示例。

HTML代码：

<div class="slideshow">
  <img src="1.jpg" alt="图片1">
  <img src="2.jpg" alt="图片2">
  <img src="3.jpg" alt="图片3">
  <img src="4.jpg" alt="图片4">
</div>

CSS代码：

.slideshow {
  position: relative;
  width: 500px;
  height: 300px;
  overflow: hidden;
}

.slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.slideshow .active {
  opacity: 1;
}

JavaScript代码：

// 获取轮播容器元素
var slideshow = document.querySelector('.slideshow');

// 获取轮播图片元素
var images = slideshow.querySelectorAll('img');

// 设置当前显示的图片索引
var index = 0;

// 定义轮播函数
function slide() {
  // 隐藏当前显示的图片
  images[index].classList.remove('active');
  // 计算下一个要显示的图片的索引
  index = (index + 1) % images.length;
  // 显示下一个图片
  images[index].classList.add('active');
  // 每隔3秒执行一次轮播函数
  setTimeout(slide, 3000);
}

// 显示第一张图片，并启动轮播
images[index].classList.add('active');
setTimeout(slide, 3000);

这段代码实现了一个简单的图片轮播，每隔3秒钟自动切换图片。你可以根据自己的需求进行修改和扩展。例如，可以添加左右箭头来手动切换图片，也可以添加缩略图导航栏来让用户选择要查看的图片。