內容簡介
這個外掛可以讓您將兩個圖像並排放置。當您將滑鼠移動到圖像上方時，分隔線也會跟著移動！它非常適合比較「以前」和「現在」的圖像。
此外掛將使用 jQuery 檢測滑鼠進入方框並移動白色條。
只需像這樣使用短碼：
[sidebyside]
[sidebyside-left]
在這裡放置任何您想要放在左側的內容
[/sidebyside-left]
[sidebyside-right]
這是用於放置右側內容的地方
[/sidebyside-right]
[/sidebyside]
我應該放什麼在短碼中？
您可以放任何內容。
我的建議是放置兩個高度相同的圖像
它支持響應式設計嗎？
是的！
所有 CSS 屬性都是針對響應式設計編寫的。因此，它在各種螢幕尺寸上都會看起來不錯。
外掛標籤
開發者團隊
原文外掛簡介
This plugin allows you to put two images next to each other. When you move your mouse over them, the line that separates them will move with it! It’s perfect to compare “before” and “now” images.
This plugin will use jQuery to detect when your mouse gets into the box and move the white bar with it.
Simply use the shortcodes like this:
[sidebyside]
[sidebyside-left]
Put here whatever content you want to be on the left side
[/sidebyside-left]
[sidebyside-right]
This is the place for the content that goes to the right
[/sidebyside-right]
[/sidebyside]
What should I put in the shortcodes?
You can put whatever you want.
My suggestion is that you put two images with the same height
Is it responsive?
Yes!
All CSS properties are written with responsive design in mind. So it will look good in all kind of screen sizes.
