標籤彙整：Gallery

筆者在用 jQuery 做畫廊 – 滑入滑出時偽原地縮放圖片中為了達到以中心為原點的縮放效果，程式中寫了較多的判斷。但其實使用 CSS3 的 transform 的話，根本不用寫什麼複雜的語法就能達到以中心為原點進行縮放了。

之前筆者有分享過一篇N 宮格的相本畫廊展示的範例，而今天要分享的效果也是跟縮放有關，但是是在原地做一點點位移後縮放顯示。用說的可能很難懂，沒關係~對~哇~仄！(謎之音；陣頭的台語台詞是"對哇帕"，這邊是"跟我做"的台語)

筆者在超簡單縮圖切換顯示分享過利用簡單的方式就能實現圖片切換的效果。而今天也是要用同樣的方式，但再加上一些額外的 CSS 排版及小小程式來變成另一種效果。

通常在筆者的範例中都是會個 div 當區塊來把要做效果的內容包在一起的，但其實並不是一定要在一起才行，就看各位的排版來決定。今天筆者就用個超簡單的圖片切換範例來示範給各位看看。

現在 Adobe 已經不繼續支援開發行動裝置版的 Flash Player 了，所以就算用 Flash 做出了個很酷炫的商品展示效果，也許過不久就通通無法在行動裝置上正常瀏覽了。因此就有些主管開始把腦筋動到 JavaScript 上面，像今天要分享的效果也是某位同學問的(因為老闆指定...)。