標籤彙整：Gallery

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

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

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

筆者今天要跟各位分享的範例是常在網路相簿 Widget 中看到的效果，大概動作是移到小相片後會放大顯示

通常圖片的展示是否自動播放都是一開始就決定好的，若是能把這權限交給瀏覽者的話，那麼也能讓瀏覽者有實際參與網站的感覺。此次筆者要教的是跟「淡入淡出式的切換影像」很類似但不同的範例。