javascript - 在较大的 div 中打开缩略图

标签 javascript css html photo-gallery

嘿,我有一个关于 javascript 和 css 函数的问题。

我正在尝试创建一个 css 照片画廊,但我发现一个带有缩略图等的好画廊几乎不可能仅在 css 中实现。所以我想,当我点击缩略图时,图片在另一个 div 中打开得更大。

我希望这样就足够清楚了。

我很抱歉英语不好。

最佳答案

html

<a.some>
   <img.thumb>
   <span.popup>
      <img.big>
   </span>
</a>

CSS

a.some{position:relative}
a.some .popup{display: none;}
a.some:focus .popup{
   display:block;
}

像这样。

关于javascript - 在较大的 div 中打开缩略图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12976706/

相关文章:

Javascript - 从 If/Else block 外部调用变量返回未定义

javascript - 如何在单击按钮时验证输入不保存 0 或小于 0?

CSS:动画并将图像一个接一个地滑动到屏幕上?

javascript - HTML 表单操作在第一个按钮上触发

html - 复选框作为按钮以显示带有 :checked 的隐藏图标

php - 由于继承的属性,CSS 文本对齐不适用

javascript - 如何从纯文本 URL 检测和转换 URL 图像和视频?

javascript - 使用jQuery从数据库中的特定时间段交替显示文本

javascript - CSS :When i click in one element two was clicked

CSS媒体屏幕