jquery - 三角形画廊缩略图悬停和点击 html 网站

Question

嗨，大家好。

我正在为大学编写一个在线作品集。我设计了这个缩略图库布局（如图所示），现在有两个问题。

1）我想在每个三角形上都有一个悬停效果，改变三角形内图像的饱和度，以显示它可以被选中。（显然没有死角，因为我知道三角形在点击和悬停命令时很棘手）

2）一旦单击缩略图，我不确定从哪里开始灯箱缩放效果，因为我需要在每个项目中包含 3 张图像和简短描述。建议？

任何帮助表示赞赏。谢谢！

Answer 1

无需重新发明轮子，您就可以使用这个插件diamond plugin。

如果你想要它，你可以看到它的代码来回答你的问题。