MozTW 討論區
https://forum.moztw.org/

ImagePreview 相關討論
https://forum.moztw.org/viewtopic.php?f=11&t=32236
1 頁 (共 2 頁)

發表人:  ettoolong [ 2011-04-07, 00:21 ]
文章主題 :  ImagePreview 相關討論

此頁面用來討論目前套件的bug、功能建議、修正、修正回報。
請僅量避免純推文,以免造成論壇板主群的困擾,謝謝配合。


這個套件從這邊開始作的,
因為後續可能還會有幾次的改版,所以開串來集中討論,載點和相關的資訊都在首篇更新,
這樣也省得大家一頁一頁找新版了。
這個套件目前算是小巧陽春,對套件有建議可以提出來討論,
能力範圍內會儘可能地修改,若因作者工作忙更新慢的話請見諒。

套件官網:Image Preview
目前版本是:0.0.7(for FX 3.6 - 4.0.*)
測試版本是:0.0.9(for FX 16 - 25.*)本篇下方載點

已知的問題
‧預覽圖能不能直接支援拖拉另存圖片(研究中)

0.0.9版的改動:
‧修正有時視窗大小錯誤的問題
‧修正對FX25的相容性問題

0.0.8版的改動:
‧修正有時視窗大小錯誤的問題
‧預覽視窗現在可以按右鍵彈出快顯功能表了
‧現在可以定義滑鼠左鍵和中鍵在預覽視窗的動作了
‧現在在預覽視窗上可以用滑鼠滾輪操作圖片的放大縮小了

0.0.5版的改動:
‧修正有時視窗大小錯誤的問題
‧設定頁加入了是否顯示圖片資訊的選項

0.0.4版的改動:
‧可用原始大小作為預覽圖的顯示大小(在設定頁設定高度 0=原始大小)
‧設定頁加入了是否自動隱藏預覽視窗的選項
‧預覽視窗彈出的位置若是設定為滑鼠位置,現在會偏右下角彈出
‧修正點預覽視窗邊框時預覽視窗不會關閉的問題

0.0.3版的改動:
‧點一下彈出的視窗就可以關掉它
‧延遲顯示(在設定頁設定, 0=無延遲 )
‧彈出視窗的位置(在設定頁設定 螢幕中央或滑鼠旁邊)

附加檔案:
檔案註釋: 預覽1
http.png [629.37 KiB]
被下載 625 次
檔案註釋: 預覽2
telnet.png [332.33 KiB]
被下載 576 次

發表人:  [ 2011-04-07, 02:36 ]
文章主題 :  Re: ImagePreview 相關討論

剛開使用起來是ok,但我現在常常會變成這樣:

http://a.imageshack.us/img9/4167/sshot19.jpg


看起來圖的高度是突然強制變成原始尺寸並且右邊不見,但我不管怎麼設定大小或其他選項也都一樣都會這樣

有時候也會成功預覽,但只要再指到另一張圖,然後再指剛剛這張,又會變成這個樣子。

想說會不是和其他套件之類的衝到,我開了個全新設定檔只裝此套件,然後重複上面紫色那步驟,結果也是一樣

發表人:  talan619 [ 2011-04-07, 05:12 ]
文章主題 :  Re: ImagePreview 相關討論

其實有個很好用但有段時間沒更新的油猴腳本PopupX可以參考,
也是我們台灣人寫的。
http://nio127.blogspot.com/2009/05/bookmarklet-popupx.html

關於縮放,

這個腳本的做法中,圖片是以原始尺寸顯示,但遇到圖片太大時,可以根據視窗尺寸,把太大圖片給縮到適合視窗大小。
還有就是Image Preview Popup中,會在圖片左上角標上圖片解析度,若是有縮放處理的圖片,還會加上縮放比,我覺得這個不錯。

發表人:  ettoolong [ 2011-04-07, 10:44 ]
文章主題 :  Re: ImagePreview 相關討論

浩 寫:
剛開使用起來是ok,但我現在常常會變成這樣:
看起來圖的高度是突然強制變成原始尺寸並且右邊不見,但我不管怎麼設定大小或其他選項也都一樣都會這樣
想說會不是和其他套件之類的衝到,我開了個全新設定檔只裝此套件,然後重複上面紫色那步驟,結果也是一樣

是我造成的的bug,已修正。
最後那張圖真的太大張了...
如果問題已解決可以幫忙砍掉或用一般附檔的型式保留嗎?
不然我每次進來編這頁都要讀很久... |||Orz

talan619 寫:
其實有個很好用但有段時間沒更新的油猴腳本PopupX可以參考,
也是我們台灣人寫的。
http://nio127.blogspot.com/2009/05/bookmarklet-popupx.html
關於縮放,
這個腳本的做法中,圖片是以原始尺寸顯示,但遇到圖片太大時,可以根據視窗尺寸,把太大圖片給縮到適合視窗大小。
還有就是Image Preview Popup中,會在圖片左上角標上圖片解析度,若是有縮放處理的圖片,還會加上縮放比,我覺得這個不錯。

感謝提供,我參考看看。
圖片資訊的顯示已加入。

謝謝建議。

發表人:  Belialy [ 2011-04-08, 10:40 ]
文章主題 :  Re: ImagePreview 相關討論

這個不支持穀歌圖片嗎?用穀歌圖片的時候沒有反應 別的網頁看圖片是正常的

發表人:  talan619 [ 2011-04-08, 17:17 ]
文章主題 :  Re: ImagePreview 相關討論

發現有一個問題,就是如果用圖片顯示在滑鼠游標旁時,
當圖片較大,且圖片是在游標的左上或右上顯示時,圖片會開到大概是滑鼠位置的Y=0為止。

看圖比較清楚(圖中也有開POPupX,他可以顯示完整圖片)

Belialy 寫:
這個不支持穀歌圖片嗎?用穀歌圖片的時候沒有反應 別的網頁看圖片是正常的

幫作者回答一下,目前只支援直接指向圖片檔網址的文字連結或圖片連結,
Google圖片提供的連結不會直接指向圖片,所以目前顯示不出來。

附加檔案:
sshot-25.jpg [105.43 KiB]
被下載 679 次

發表人:  Belialy [ 2011-04-08, 17:27 ]
文章主題 :  Re: ImagePreview 相關討論

talan619 寫:
發現有一個問題,就是如果用圖片顯示在滑鼠游標旁時,
當圖片較大,且圖片是在游標的左上或右上顯示時,圖片會開到大概是滑鼠位置的Y=0為止。

看圖比較清楚(圖中也有開POPupX,他可以顯示完整圖片)

Belialy 寫:
這個不支持穀歌圖片嗎?用穀歌圖片的時候沒有反應 別的網頁看圖片是正常的

幫作者回答一下,目前只支援直接指向圖片檔網址的文字連結或圖片連結,
Google圖片提供的連結不會直接指向圖片,所以目前顯示不出來。


原來如此

發表人:  Kill [ 2011-04-09, 19:50 ]
文章主題 :  Re: ImagePreview 相關討論

不知道有沒有辦法作到假設圖大於螢幕解析度的話
就依照設定的比例縮小
譬如80%這樣

發表人:  Weal [ 2011-04-10, 23:22 ]
文章主題 :  Re: ImagePreview 相關討論

Kill 寫:
不知道有沒有辦法作到假設圖大於螢幕解析度的話
就依照設定的比例縮小
譬如80%這樣


原版OP套件中,有選項可以調整浮動視窗的出現位置
其中,有一項是盡可能的放在最大的空間,讓套件自已微調顯示大小

若能作到這點,就足夠實用了

發表人:  ettoolong [ 2011-04-11, 22:38 ]
文章主題 :  Re: ImagePreview 相關討論

Weal 寫:
Kill 寫:
不知道有沒有辦法作到假設圖大於螢幕解析度的話
就依照設定的比例縮小
譬如80%這樣


原版OP套件中,有選項可以調整浮動視窗的出現位置
其中,有一項是盡可能的放在最大的空間,讓套件自已微調顯示大小

若能作到這點,就足夠實用了

自動調整應該是作得到,不過這兩天另外有東西要忙,所以請再等等。

套件頁面在這邊:
https://addons.mozilla.org/zh-TW/firefo ... e-preview/
審核中,通過後就可以方便作新版本的更新通知。

謝謝以上的建議。

發表人:  Merci chao [ 2011-04-11, 23:30 ]
文章主題 :  Re: ImagePreview 相關討論

其實 #imagepreview-popup 可以加上 level="top",不然預覽會被 Windows 工作列或者 sidebar 擋住,就像上面提到的那張圖那樣。
另外 html:img 事實上是可以自動按比例縮放的,沒必要同時指定它的 height 和 width,只要給它其中一個值就 OK,或者直接用 max-width 和 max-height 限制它的大小。但 html:img 按比例縮放的條件是要放在一個 display 為 block 的元素裏,例如 html:div。有需要的話可以參考一下我的做法:
代碼:
<xul:box style="width: 120px; height: 120px;"
      align="center"
      pack="center">
   <html:div><html:img style="max-width: 120px; max-height: 120px;"/></html:div>
</xul:box>

然後 max-width 和 max-height 的值動態改一下就可以了。
效果如下:
圖檔

個人建議可以對任何連結進行偵測,而不單單是以圖片類型副檔名為結尾的連結。
實際的思路可以大概這樣做:
1. 在 #imagepreview-previewArea 的 img 上加入 onload="#imagepreview-popup.openPopup()"
2. 當鼠標指到連結時,獲取連結的網址
3. #imagepreview-previewArea > img.src = ""
4. #imagepreview-previewArea > img.src = "獲取到的網址"
5. 當連結的確是連到一個圖片時,img 就能被順利載入,然後會自動獨發 onload 事件,而打開 #imagepreview-popup。當連結不是連到圖片,而是 html 頁面之類的話,onload 事件就不會被獨發,#imagepreview-popup 當然就不會顯示了。

不過這樣做存在一個問題,就是圖片比較大的時候要等待圖片載入完成才能顯示 #imagepreview-previewArea...
這方面我還沒想到有甚麼好的建議...

個人認為現階段的實用性不太高,因為連
https://static.addons.mozilla.net/img/u ... 1302145291
都顯示不了。另外像這個就更不用說了...
download/file.php?id=11254

發表人:  ettoolong [ 2011-04-12, 01:17 ]
文章主題 :  Re: ImagePreview 相關討論

引言部份引用
Merci chao 寫:
個人建議可以對任何連結進行偵測,而不單單是以圖片類型副檔名為結尾的連結。
實際的思路可以大概這樣做:
1. 在 #imagepreview-previewArea 的 img 上加入 onload="#imagepreview-popup.openPopup()"
2. 當鼠標指到連結時,獲取連結的網址
3. #imagepreview-previewArea > img.src = ""
4. #imagepreview-previewArea > img.src = "獲取到的網址"
5. 當連結的確是連到一個圖片時,img 就能被順利載入,然後會自動獨發 onload 事件,而打開 #imagepreview-popup。當連結不是連到圖片,而是 html 頁面之類的話,onload 事件就不會被獨發,#imagepreview-popup 當然就不會顯示了。

不過這樣做存在一個問題,就是圖片比較大的時候要等待圖片載入完成才能顯示 #imagepreview-previewArea...
這方面我還沒想到有甚麼好的建議...

個人認為現階段的實用性不太高,因為連
https://static.addons.mozilla.net/img/u ... 1302145291
都顯示不了。另外像這個就更不用說了...
download/file.php?id=11254

好像要改很多 XDDDDD
我本來只想弄個超簡單的東西,囧rz
其實我也不知道我有沒有時間或能力把這個套件作到超強,

opera那個我看過了,自定性真的很高,用設定filter的方式可以適應各種狀況,
如果把所有網址都丟到src裡面讓它試(在不確定是否是圖片的情況下)
不知道會浪費頻寬?

視窗的style倒是可以照您說的調整,應該可以解決被遮擋的問題。

謝謝您的建議。

發表人:  [ 2011-04-12, 02:15 ]
文章主題 :  Re: ImagePreview 相關討論

ettoolong 寫:
好像要改很多 XDDDDD
我本來只想弄個超簡單的東西,囧rz
其實我也不知道我有沒有時間或能力把這個套件作到超強,

我相信很多人對你很大期望 :lol:
我也有一直更新新版IP呀..加油 :lol:

發表人:  Merci chao [ 2011-04-12, 10:36 ]
文章主題 :  Re: ImagePreview 相關討論

ettoolong 寫:
好像要改很多 XDDDDD
我本來只想弄個超簡單的東西,囧rz
其實我也不知道我有沒有時間或能力把這個套件作到超強,
我只是昨天終於忍不住好奇裝來玩一玩,沒有看過你的代碼,然後提供一些建議和意見而已。當然你想怎麼做那肯定是你的自由囉。 :wink:
不過,扔上 AMO 之後,除非你不會去看 AMO 的 review,否則別人的評論很可能會讓你受到很大的打擊... :cry:

ettoolong 寫:
如果把所有網址都丟到src裡面讓它試(在不確定是否是圖片的情況下)
不知道會浪費頻寬?
可以弄一個選項,預設是關閉的就可以了。
其實要改的應該不太多。如果目前的網址是圖片類型結尾的話,就直接打開預覽;如果不是的話,就根據選項,如果那功能是打開的話,就背後讓它載入,載入成功 (利用 onload 之類的?) 就顯示預覽。

關於頻寬問題,我剛才清空了快取,然後用 FX4 的安裝檔試了一下:
代碼:
<img onerror='alert("E")' onload='alert("L")' src="http://daimajin.mirror.aarnet.edu.au/pub/mozilla/firefox/releases/4.0/win32/zh-TW/Firefox%20Setup%204.0.exe" />
很快就報 onerror 了。我想我的那個破 ISP 沒可能給我每秒十幾 MB 吧。 :twisted:
所以應該問題不大。

發表人:  Weal [ 2011-04-18, 01:47 ]
文章主題 :  Re: ImagePreview 相關討論

亂入一下 XD
usoPreviewPopup 這似乎是Image Preview Popup的原型

不過即使直接在檔名後加上.user,也沒辦法在GC上用(FX未知)
在OP倒是可以正常使用(測試於11.10)

看有沒有人打算弄成油猴腳本,這樣應該就能跨FX&GC了

1 頁 (共 2 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/