js实现轮播图条件为：1、自动切换 图片 2、鼠标移入右侧的图片 左边切换到对应的图片 鼠标移出 以当前的图片 自动继续切换图片 3、当前显示的小图片 透明度为1 其他没有显示的保证透明度为0.5

你可以使用JavaScript来实现这个轮播图的条件。首先，你需要一个包含要轮播的图片的数组，然后使用定时器来自动切换图片。你还需要为右侧的图片添加鼠标移入和移出事件，以便在鼠标移入时切换到对应的图片，并在鼠标移出时恢复自动切换。最后，你需要设置当前显示的小图片的透明度为1，其他没有显示的小图片的透明度为0.5。

以下是一个示例的JavaScript代码实现：

// 获取图片元素和小图片元素
var images = document.querySelectorAll('.slideshow img');
var thumbs = document.querySelectorAll('.thumbnail img');

// 初始化索引和定时器
var currentIndex = 0;
var timer;

// 自动切换图片
function autoSlide() {
  // 切换到下一张图片
  currentIndex = (currentIndex + 1) % images.length;
  showImage(currentIndex);
}

// 显示指定索引的图片
function showImage(index) {
  // 隐藏所有图片和小图片
  for (var i = 0; i < images.length; i++) {
    images[i].style.display = 'none';
    thumbs[i].style.opacity = '0.5';
  }

  // 显示当前图片和小图片
  images[index].style.display = 'block';
  thumbs[index].style.opacity = '1';
}

// 鼠标移入右侧的图片时切换到对应的图片
for (var i = 0; i < thumbs.length; i++) {
  thumbs[i].addEventListener('mouseover', function(e) {
    // 获取当前图片的索引
    var targetIndex = Array.from(thumbs).indexOf(e.target);
    showImage(targetIndex);
  });
}

// 鼠标移出时恢复自动切换
for (var i = 0; i < thumbs.length; i++) {
  thumbs[i].addEventListener('mouseout', function() {
    startAutoSlide();
  });
}

// 开始自动切换
function startAutoSlide() {
  timer = setInterval(autoSlide, 2000);
}

// 初始化轮播图
startAutoSlide();

在上述代码中，你需要将 `.slideshow` 替换为包含轮播图片的容器的选择器，将 `.thumbnail` 替换为包含小图片的容器的选择器。此外，你还需要确保HTML中正确引入了JavaScript文件，并在页面加载时执行初始化轮播图的代码。

希望这能帮到你！如果你有任何其他问题，请随时问我。