MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2019-11-12, 14:13

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 30 篇文章 ]  前往頁數 12  下一頁
發表人 內容
 文章主題 : ImagePreview 相關討論
文章發表於 : 2011-04-07, 00:21 
離線
[MozTW 版主群]

註冊時間: 2009-07-06, 18:15
文章: 418
此頁面用來討論目前套件的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]
被下載 364 次
檔案註釋: 預覽2
telnet.png [332.33 KiB]
被下載 347 次


最後由 ettoolong 於 2015-01-27, 19:19 編輯,總共編輯了 3 次。
回頂端
Mozilla/5.0 (Windows NT 6.0; rv:2.0) Gecko/20100101 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-07, 02:36 
離線
頭像

註冊時間: 2005-10-24, 10:50
文章: 787
來自: B-612小行星
剛開使用起來是ok,但我現在常常會變成這樣:

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


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

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

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


最後由 於 2011-04-07, 13:29 編輯,總共編輯了 2 次。

回頂端
Mozilla/5.0 (Windows NT 6.1; rv:2.0pre) Gecko/20110402 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-07, 05:12 
離線

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

關於縮放,

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


回頂端
Mozilla/5.0 (Windows NT 5.1; rv:2.0pre) Gecko/20110326 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-07, 10:44 
離線
[MozTW 版主群]

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

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

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

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

謝謝建議。


回頂端
Mozilla/5.0 (Windows NT 5.1; rv:2.0) Gecko/20100101 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-08, 10:40 
離線

註冊時間: 2011-04-08, 10:36
文章: 2
這個不支持穀歌圖片嗎?用穀歌圖片的時候沒有反應 別的網頁看圖片是正常的


回頂端
Mozilla/5.0 (Windows NT 5.1; rv:2.0) Gecko/20100101 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-08, 17:17 
離線

註冊時間: 2005-03-22, 11:51
文章: 25
發現有一個問題,就是如果用圖片顯示在滑鼠游標旁時,
當圖片較大,且圖片是在游標的左上或右上顯示時,圖片會開到大概是滑鼠位置的Y=0為止。

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

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

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


附加檔案:
sshot-25.jpg [105.43 KiB]
被下載 353 次
回頂端
Mozilla/5.0 (Windows NT 5.1; rv:2.0pre) Gecko/20110326 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-08, 17:27 
離線

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

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

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

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


原來如此


回頂端
Mozilla/5.0 (Windows NT 5.1; rv:2.0) Gecko/20100101 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-09, 19:50 
離線
頭像

註冊時間: 2007-04-29, 14:12
文章: 120
來自: CKD Studio
不知道有沒有辦法作到假設圖大於螢幕解析度的話
就依照設定的比例縮小
譬如80%這樣


回頂端
Mozilla/5.0 (Windows NT 6.1; rv:2.0) Gecko/20100101 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-10, 23:22 
離線

註冊時間: 2006-08-10, 19:37
文章: 5
Kill 寫:
不知道有沒有辦法作到假設圖大於螢幕解析度的話
就依照設定的比例縮小
譬如80%這樣


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

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


回頂端
Opera/9.80 (Windows NT 5.1; U; zh-tw) Presto/2.7.62 Version/11.01
 個人資料  
引用回覆  
文章發表於 : 2011-04-11, 22:38 
離線
[MozTW 版主群]

註冊時間: 2009-07-06, 18:15
文章: 418
Weal 寫:
Kill 寫:
不知道有沒有辦法作到假設圖大於螢幕解析度的話
就依照設定的比例縮小
譬如80%這樣


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

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

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

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

謝謝以上的建議。


回頂端
Mozilla/5.0 (Windows NT 6.0; rv:2.0) Gecko/20100101 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-11, 23:30 
離線
頭像

註冊時間: 2006-10-28, 15:41
文章: 1421
來自: マカオ
其實 #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

_________________
圖檔 挑選‧儲存圖片 圖檔 History Submenus Ⅱ 圖檔 Personal Menu
圖檔 Page Title in URL Bar 圖檔 Double Click Top-Left to Close


回頂端
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0) Gecko/20100101 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-12, 01:17 
離線
[MozTW 版主群]

註冊時間: 2009-07-06, 18:15
文章: 418
引言部份引用
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倒是可以照您說的調整,應該可以解決被遮擋的問題。

謝謝您的建議。


回頂端
Mozilla/5.0 (Windows NT 6.0; rv:2.0) Gecko/20100101 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-12, 02:15 
離線

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

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


回頂端
Mozilla/5.0 (Windows NT 5.1; rv:2.0) Gecko/20100101 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-12, 10:36 
離線
頭像

註冊時間: 2006-10-28, 15:41
文章: 1421
來自: マカオ
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:
所以應該問題不大。

_________________
圖檔 挑選‧儲存圖片 圖檔 History Submenus Ⅱ 圖檔 Personal Menu
圖檔 Page Title in URL Bar 圖檔 Double Click Top-Left to Close


回頂端
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0) Gecko/20100101 Firefox/4.0
 個人資料  
引用回覆  
文章發表於 : 2011-04-18, 01:47 
離線

註冊時間: 2006-08-10, 19:37
文章: 5
亂入一下 XD
usoPreviewPopup 這似乎是Image Preview Popup的原型

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

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


回頂端
Opera/9.80 (Windows NT 5.1; U; zh-tw) Presto/2.8.131 Version/11.10
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 30 篇文章 ]  前往頁數 12  下一頁

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 5 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群