關於blogger另開新頁
flower 2011.05.21
Ally，
上回你給我的那個另開新頁的語法，我發現跟最近一些新的外掛一樣，js會跟我的lightbox衝到。
因為lightbox的js好像是舊版本，但我不知要怎麼換成新的，因為是外掛在別人家的。
有想過把lightbobx拿下來，但是那會造成看圖時跳到外面去，也很不方便，
有什麼辦法可想？
lightbox 外部連結的js:
'http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js' type='text/javascript'
'http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js' type='text/javascript'
'http://blogergadgets.googlecode.com/files/lightbox.js' type='text/javascript'
flower 2011.05.21
16 Comments
方法1.
在 head 裡面，先擺跳新頁面的語法，再擺 lightbox 語法，而且 lightbox 語法要擺在 head 的最後面。
方法2.
在 head 裡面，先擺 lightbox 語法，再擺跳新頁面的語法。
方法3.
scriptaculous.js 那行後面再加寫一些東西：
'http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js?load=effects,builder'
方法4.
不知道...
方法1. 跟方法2. 有什麼不同？
我目前先把你的語法拿下來了，要不然ligtbox會失效。
之前我是把跳新頁的語法放在最後，應該屬於方法2？
你的意思是，兩個緊放在一起嗎？
我來試試方法3。
就擺的順序不同啊，lightbox 語法擺前面一點，或擺後面一點，結果可能不同。既然之前是 方法2.，就再改用 方法1. 試試看，把 lightbox 擺最後面。
我記得 lightbox 好像有建議要把程式碼擺在 head 區的最後面，所以不管又試用什麼新語法，都記得把 light 語法擺在最後面，可能比較好。可能啦。
實驗的結果，都不行。
方法1和2 就是那個放在最後，那個有效。跟我想的不同，我以為擺放的位置的讀取順序一樣，先讀到的有效。是反過來的，放在最後的才生效。
唉，就沒法把 lightbox 的js版本換成新的嗎？
不然試看看別的版本。
Lightbox 在今年3月有新版：
http://www.huddletogether.com/projects/lightbox2/#download
Lightbox 的作者另外還有出 Lightbox JS，應該是舊版：
http://www.huddletogether.com/projects/lightbox/
不然也可試用功能更炫的 Lytebox：
http://www.dolem.com/lytebox/
以上三者的連結裡都寫 rel="lightbox" 即可，即使 Lytebox 是別人寫的，但他為了支援原 Lightbox 用戶，所以接受 rel="lytebox" 及 rel="lightbox" 兩種寫法。如果是試用 Lytebox，原本的 a 及 img 語法都不用改。
另外還有個 jQuery lightBox plugin：
http://leandrovieira.com/projects/jquery/lightbox/#how-to-use
跳新視窗那個語法有引用 jQuery，所以如果 lightbox 也做成 jQuery plugin，理論上應該不會衝突。這個我沒試用過，但使用上好像稍微麻煩一點。
咦？lytebox 好像不錯！速度比較快？
之前有考慮換成 thickbox, 但每張圖片的語法都要改，嫌麻煩所以放棄！
我的 lightbox 是用別人家的外掛，不是自已安裝的。
好吧，我回來（現在要去吃飯）再來試試 LyBox, 謝謝Ally提供...^^
上頭我說「功能更炫」的 Lytebox，我記錯了，「功能更炫」的是 ShadowBox：
http://www.shadowbox-js.com/
它的 usage 說可以支援 rel="lightbox" ，可以試用看看。
厚，害我試了一下午，lytebox裝了以後，完全失效，我也沒看到支援rel="lightbox"，只好又把它換下來。（剛剛才又重裝了lightbox)
這個明天再來試了...^^
之所以試了一下午，是你上述幾個方法都試了，結果是新分頁語法還是會被衝掉。
明天來試試這”功能更炫”的。...^^
Lightbox、Lytebox、Shadowbox 我都試用過，最後選擇 Lightbox。我確定我試用這三個都能正常運作，為什麼放棄另外兩個？一定有原因！但是我忘記了！^^
剛剛又看到別的，Slimbox，它直接就說要寫 rel="lightbox"，也可以試試看。它也是引用 jQuery。
http://www.digitalia.be/software/slimbox
總算把shadowbox安裝上去，而且跟新分頁可以和平共處！slimbox 就不試了吧？...^^
謝謝啦！....^^
找到方法就好。用 JavaScript 就是容易遇到這種問題，很討厭。即使是套件作者也不可能全盤瞭解別的套件的作法，不易找出衝突點，只能不斷嘗試各種組合。
Shadowbox 有 Resized 及 Draggable 功能我覺得很好。原圖如果太大張，設為 Resized 可以自動縮為適合螢幕大小，設為 Draggable 雖然是原圖尺寸但可以按住滑鼠拖曳整張圖片。
我是在上傳圖片之前就先壓縮設好尺寸，所以Draggable就比較用不到。
Shadowbox功能好像比LightBox自由度高些，還可以放flash 和youtube.
不過flash和youtube在原版面看就可以了不是？
目前無痛安裝上去，很高興，沒聽到有朋友說被擋在門外進不去。之前Lightbox會擋IE 6.0的使用戶，現在應該沒有人在用IE6.0了吧？
我就是 IE6 加 Firefox 並用。XP 預設是 IE6，我從未升級 IE，更沒想過升級到 Vista 或 Win7。
但是我用 IE6 看 Lightbox 都正常，只是比較遲鈍一點，用 Firefox 跑就很順暢。但我看 Slimbox 好像會更順暢的樣子，有空時我要來試用看看。
前陣子終於用某台電腦的 IE7 看我的網站，才知道原本在 IE6 看來尚稱整齊，但是在 IE7 就有些地方亂掉了。CSS 可以針對不同版本的 IE 個別寫不同語法來控制，但我還懶得弄。
你也幫幫忙，都什麼時代了還在用ie6? 呵呵...
我特地用我家老爺的IE8看你的網站，好好的啊，很漂亮，沒有亂掉。換個瀏覽器就行了，不用寫css了。（還在用XP嗎？XP應該也能升級到IE8?)
我的firefox也升級到4了，看起來都很好！不過我去有些部落格，會被彈出來。可能跟部落格一些外掛有衝到。