带控件的图片滑块

Question

如何制作图像滑块。

我想当我点击图片时应该显示

完整的图像，还应该有图像前进或后退的控件

Answer 1

希望这可以帮助你。

<强>的jQuery ：

$("img").click(function(){ // when an image is clicked
    $(this).toggleClass("expand"); // toggle "expand" class
});

<强> CSS ：

img{
    width: 500px;
    height: 500px;
    cursor: pointer;
    transform: scale(1.0);
    transition: all 500ms;
}
img.expand{ // when an image has the class "expand"
    transform: scale(2.0); // double size of clicked image
}

告诉我这是否可以帮助您解决或解决您的模糊问题。 ：）

请记得在来之前亲自尝试自己的东西！

Answer 2

我建议只使用现有的库，例如http://lokeshdhakar.com/projects/lightbox2/

它具有您想要的所有功能，并且易于实现。

Answer 3

您可以使用fancybox。它是解决您问题的最佳解决方案之一。参考：http://fancybox.net/