点击时切换图像

Question

嗨，我做了什么工作，但我很感兴趣，如果有更好的选择，因为我的解决方案在我看来非常原始。

express.static

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);});

这样您就可以拥有任意数量的图像。