三角形圖庫縮略圖懸停和點擊html網站

Question

嗨，大家好。

我正在爲大學編寫一個在線投資組合。我設計了這個縮略圖庫佈局（如圖所示），現在有兩個問題。

1）我想對每個三角形都有一個懸停效果，改變三角形內部圖像的飽和度以顯示它可以被選中。 （顯然沒有死角，因爲我知道點擊和懸停命令時三角形是棘手的）

2）而且我不確定一旦縮略圖被點擊，燈箱縮放效果從哪裏開始因爲我需要在每個項目中包含3個簡短描述的圖像。建議？

任何幫助表示讚賞。謝謝！

Answer 1

沒有重新發明輪子，你可以使用這個插件diamond plugin。

如果你想要它，你可以看到它的代碼來回答你的問題。