Image Data 的評論
Image Data 作者: cubeleco
cubeleco 的回應
開發者回應
張貼於 8 年前So you want the bar to follow just the horizontal position of the cursor? Do you want the vertical position at the bottom of the image or the window?
Please explain further.
Update:
With version 1.3 you can now make the bar follow a single axis of the cursor. To align to bottom of window, add this to your CSS style:
top: auto; bottom: 10px;
example of left side alignment:
left: 5px;
I have also added a way to change the bar's relative position to the cursor. So you could instead move it away from other tooltips.
The Over, Before, and After image modes all add the bar inside the page and are affected by the sites layout and styles. So there is no way to adapt to every site.
Update:
Thanks for the feedback.
To avoid scaling the bar on page zoom you could use: vw, wh, wmin, or vmax units instead of px or %, to scale to the size of the browser window. for example:
font: 1.8vw arial black, sans-serif; top: auto; bottom: 4vh;
For more info see: https://www.w3schools.com/CSSref/css_units.asp
Please explain further.
Update:
With version 1.3 you can now make the bar follow a single axis of the cursor. To align to bottom of window, add this to your CSS style:
top: auto; bottom: 10px;
example of left side alignment:
left: 5px;
I have also added a way to change the bar's relative position to the cursor. So you could instead move it away from other tooltips.
The Over, Before, and After image modes all add the bar inside the page and are affected by the sites layout and styles. So there is no way to adapt to every site.
Update:
Thanks for the feedback.
To avoid scaling the bar on page zoom you could use: vw, wh, wmin, or vmax units instead of px or %, to scale to the size of the browser window. for example:
font: 1.8vw arial black, sans-serif; top: auto; bottom: 4vh;
For more info see: https://www.w3schools.com/CSSref/css_units.asp
28 筆評論
- 評價 5 分，滿分 5 分來自 mantikorr22，2 個月前Helpful and customizable, the information required now at a glance, thanks!
- 評價 5 分，滿分 5 分來自 Firefox 使用者 15037318，10 個月前
- 評價 5 分，滿分 5 分來自 Firefox 使用者 16181994，2 年前Does exactly what is advertised. Tooltip display of info is especially useful to me.
- 評價 5 分，滿分 5 分來自 Firefox 使用者 13524479，2 年前So damn useful. Works like a charm. Thanks a lot for coding and sharing such a handy little extension.
- Appréciation en Français (English below) Je viens d'installer cette extension, à première vue elle remplit son rôle à la perfection. J'ai choisi l'option pour que l'info suive mon curseur, très pratique pour vérifier la taille d'une image sur une page en construction.
(English) Just start trying this extension and it seems to work perfectly. The information even can follow the cursor. - 評價 5 分，滿分 5 分來自 Firefox 使用者 17647872，3 年前
- 評價 4 分，滿分 5 分來自 AssassinWarrior，3 年前good add-on, but interferes with amazon's images. need a site exception functionality.
- 評價 5 分，滿分 5 分來自 Firefox 使用者 13797441，3 年前Simply awesome, thank you so much!
Possible improvement:
I would love to copy the shown text to my clipboard - or even better: Add a clone of the "Data JSON" settings field, to configure the values to copy on click.
And yes.. click wont work for all position-options.. but adding an additional copy-shortcut would solve this? - 評價 5 分，滿分 5 分來自 Firefox 使用者 13499382，4 年前
- 評價 5 分，滿分 5 分來自 Firefox 使用者 14934664，5 年前Excellent replacement for the deleted "view image info" contextual menu item.
- 評價 4 分，滿分 5 分來自 Firefox 使用者 13574424，5 年前
- 評價 5 分，滿分 5 分來自 SergeyAvchenko，6 年前Excellent extension, information on the image can be obtained much faster than the built-in tools in firefox. A small wish - if the information on the image is displayed in bytes, then classes can be separated by spaces, for example, "42 085 540 B".
- 評價 5 分，滿分 5 分來自 cupnoodles，6 年前