点击切换图片

Question

嗨，我已经完成了工作，但我很感兴趣是否有更好的方法来完成它，因为我的解决方案在我看来非常原始。

 jQuery(document).ready(function($){



var montaz = $(".montaz");
var doradztwo = $(".doradztwo");
var produkcja = ("$.produkcja");

montaz.hide();
doradztwo.hide();

$(".montaz1").on("click", function(){
  $(".doradztwo").hide();
  $(".produkcja").hide();
  $(".montaz").show();
});


$(".doradztwo1").on("click", function(){
  $(".produkcja").hide();
  $(".montaz").hide();
  $(".doradztwo").show();
});



$(".produkcja1").on("click", function(){
  $(".montaz").hide();
  $(".doradztwo").hide();
  $(".produkcja").show();
});

 });

http://codepen.io/anon/pen/xgaQOy

Answer 1

例如，您可以使用这样的函数：

var images = ['image1', 'image2', 'image3'];
var currentImage = 0;
function showNewImage(newImage)
{
    currentImage = newImage;
    for (var i = 0; i < images.length; i++)
    {
        if (i == currentImage)
        {
            $(images[i]).show();
        }
        else
        {
            $(images[i]).hide();
        }
    }
}

然后对每张图片执行：

$("imageX").on("click", function() {showNewImage(2);});

通过这种方式，您可以拥有任意数量的图像。

点击切换图片

switching images on click

jquery

image

toggle