我怎样才能这样做,所以我点击一个较小的图像,以便更改图像的较大版本?

时间:2015-02-03 23:30:09

标签: html css html5

例如我有4个缩略图和1个大图像。当我点击缩略图时,较大的图像会变为该缩略图。

我认为在target =“”中可能存在一个值?

我希望只使用html / css,因为我不熟悉其他语言,但任何解决方案都会很棒我已经尝试过无处不在。

2 个答案:

答案 0 :(得分:0)

这将为您提供所需的答案。有一些JavaScript,但它是非常基本的。

Simple Image Swap

答案 1 :(得分:0)

一些可能的解决方案:

  1. 纯HTML:使用带有<iframe>的{​​{1}}来包含较大的图片,并将缩略图图片嵌入name s中,并附带相应的<a>target

  2. 纯CSS:包含href设置的所有4张图片,以及display: none伪类的规则中的display: block,每张图片都包含:target 。使用id将缩略图图片嵌入<a>

  3. 然后当然有Javascript / jQuery解决方案。