公告版位
廣告讀取中…
Highslide2
Highslide 是用JavaScript寫的圖片瀏覽及彈出視窗語法,不需要Flash或Java插件,效果卻是非常驚人。非商業使用者是免費的,可以下載來玩玩看。

Highslide 圖片瀏覽說明 (彈跳視窗)
點擊小圖示可以放大,放大後再點擊可還原。按住左鍵可以拖曳,點選右下圖示可看全圖,按上下左右方向鍵,可以切換圖片。

Highslide JS 網站:http://highslide.com/
←可以按按看喔!

Highslide JS
買東西送的公仔
Highslide JS
裝東西的南瓜罐
Highslide JS
柏靈頓小熊
Highslide JS
健達出奇蛋送的恐龍化石拼圖
Highslide JS
特濃牛奶糖
Highslide JS
Nikon SB-800

Highslide JS
大肚能容了卻人間多少事、滿腔歡喜笑開天下古今愁
Highslide JS
唯一盛開的水仙
Highslide JS
籃子裡裝的是什麼?
Highslide JS
母愛
Highslide JS
以前夾到的娃娃
Highslide JS
爺爺的古董遙控車

Highslide JS
小豬祝福你有美好的一天
Highslide JS
泰雅族的紋面老人
Highslide JS
喝了會馬拉桑的小米酒
Highslide JS
達悟族獨木舟
Highslide JS
枯黃的葡萄葉
Highslide JS
我的小手套


Highslide 如何在痞客邦使用:教學 | highslide 圖片特效 (4.0.6 update!)@幼稚鬼


Lightbox 2 順便也測試了一下



雖然複雜,可是效果真的不錯,網頁也多了一些變化!

hightslide lightbox lightbox2 javascript 秀圖 特效 放大 縮小


創作者介紹

熱烘烘的太陽往上爬

efan 發表在 痞客邦 PIXNET 留言(14) 人氣()


留言列表 (14)

發表留言
  • dreamalula
  • 我有去看呢!
    不過有看似乎沒有懂~~哈哈哈...
    要試試看~
  • 步驟有點繁瑣,不過一步一步來,還不算困難呢!
    網頁中可偶一為之,感覺還不錯!

    efan 於 2010/03/20 14:26 回覆

  • fandywu
  • 改天也來試試!^^
    謝謝分享喔!
  • 我也是在網路上學的,照著步驟作而已,javascript, css都不是很了解呢!

    efan 於 2010/03/22 11:09 回覆

  • 小咪
  • 小咪找個時間
    也來玩玩看
    一定很有趣!!~
  • 除了秀圖以外,還有很多特效可以試試看喔!

    efan 於 2010/03/22 15:55 回覆

  • babylung
  • 好像滿好玩的唷~
  • 真的滿好玩的,可是要有一個外連的伺服器才能上傳一些必要的檔案喔。

    efan 於 2010/03/25 22:37 回覆

  • lisa20081007
  • 我有點擊,可是為什麼都沒反應啊????
  • 可能跟瀏覽器有關吧!有人說IE7有的會有問題。不過我的IE6, 7, 8都可以,firefox, google chrome, opera也都沒有問題耶。也有可能是外連的關係,因為highslide的javacript是放在hinet的伺服器,沒有下載完就無法看了!還是flickr當時當機?Lisa有時間再試試看喔!

    efan 於 2010/03/27 20:45 回覆

  • lisa20081007
  • 今天可以看到了
    我也覺得有點小複雜,不過挺新鮮的
    謝謝分享囉^o^
  • 玩玩還好,如果都這樣作也是有點累!0.0

    efan 於 2010/03/29 09:06 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • tina71817181
  • 真的很謝謝你的教導
    真是不好意思麻煩你
    照著你的範例和你的解說有一點頭緒
    比照其他的範例有些許不大同
    這點我會再慢慢的學習和研究
    希望沒有給你帶來麻煩
    我再次下跪給你感謝
  • 不要下跪啦!彼此切磋啦,我也只是慢慢嘗試錯誤得到的經驗啊!試試其他的看看,不過有些好像試不出來。

    efan 於 2010/04/21 18:49 回覆

  • tina71817181
  • 謝謝你提供給我這麼多
    120萬分的感謝你
    深深的像您鞠躬
  • 不客氣!我也又把lightbox再看了一次。
    lightbox 2 也可以用,變化少,但是用起來好像比較簡單,效果也很好,上面增加了測試,可以看看。

    efan 於 2010/04/22 01:36 回覆

  • w0801w
  • 因為版主熱心教導我highslide這些
    所以昨天去搜尋lightbox相關教學
    很容易就上手了 也比較簡單
    很謝謝你
    我高興一整個晚上^^
  • lightbox的確比較單純,貼圖也很簡單呢!^^

    efan 於 2010/04/22 19:05 回覆

  • hornets
  • 太棒的教學了~

    版主你好。我之前會用lightbox2了,看了你提供的教學,真是太棒了,又多學一樣。不過我有一個問題想請教你,我看你的lightbox也有說明文字,而且滿清晰的。我的字都比較粗看不出來字寫什麼,所以想問一下你懂改這裡字型大小的語法嗎?如果有可以給我參考嗎?感恩~
    順便一提,你女兒真的好可愛~^^,以後一定常來逛逛這麼棒的地方。
  • 謝謝你的稱讚,我lightbox的字型有放大,請在lightbox.css的檔案找到下面這行:

    #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

    font 原來是10px,我把它改成12px就不會黏在一起了!

    歡迎常來喔!^^

    efan 於 2010/04/25 22:46 回覆

找更多相關文章與討論