Image Data 的评价
Image Data 作者: cubeleco
aviva24 的评价
评分 5 / 5
来自 aviva24,7 年前То elle2:
Button "on/off" now there is! ))
To cubeleco:
I would like to have the option "Follow cursor Bottom".
While I was able to achieve only "Fixed Bottom":
bottomleft: position: absolute; top: 91%; color: white; background: #07ac; font: 15px arial black; border-radius: 15px; padding: 10px 10px 10px 10px; text-align: center; text-shadow: 2px 2px 2px #000; opacity: 0.9;
Can you help me?
Upd. 21/12/2017:
Need: a bar at the bottom of the window follows the horizontal position of the cursor.
So the panel will not overlap the controls web sites (usually located at the top or left) - how does the mode "Fixed".
The current mode of "Follow cursor" (when the panel is near the cursor) uncomfortable when using other add-ons (URL Tooltip WE, Link Alert) - they overlap each other.
Mode "Over image" is not convenient for small image - overlaps a significant part of the picture.
Mode "After image" is uncomfortable for bigger image - panel is often in the invisible part of the web page and needs to scroll down.
The mode "Before image" is not working fine when opened separately the big picture - the picture overlaps the panel, and centered the text is not visible. For test: https://img-fotki.yandex.ru/get/877700/9261163.19/0_9e522_278bb01b_orig
And at least on one site, this mode is buggy: http://nearspace.ru/ there are a few small pictures in a row and the bar starts to jump up and down.
So I want a versatile option. ))
Upd. 22/12/2017:
This is perfect! Thank you very much!!!
Now cosmetic remark: when I change the page zoom, the scale panel is also changing. It would be nice to fix it (if possible).
Upd. 23/12/2017:
Thanks again, cubeleco! I am fully satisfied. ))
Here's the final version (if someone is interested):
"Follow cursor"
bottomleft: position: absolute; top: auto; bottom: 2.5vh; color: White; background: CornflowerBlue; font: 2.2vh arial black; border-radius: 0.5vw; padding: 0.9vh 0.9vw 0.9vh 0.9vw; text-align: center; text-shadow: 0.15vw 0.3vh 0.15vw Black; opacity: 0.95;
Button "on/off" now there is! ))
To cubeleco:
I would like to have the option "Follow cursor Bottom".
While I was able to achieve only "Fixed Bottom":
bottomleft: position: absolute; top: 91%; color: white; background: #07ac; font: 15px arial black; border-radius: 15px; padding: 10px 10px 10px 10px; text-align: center; text-shadow: 2px 2px 2px #000; opacity: 0.9;
Can you help me?
Upd. 21/12/2017:
Need: a bar at the bottom of the window follows the horizontal position of the cursor.
So the panel will not overlap the controls web sites (usually located at the top or left) - how does the mode "Fixed".
The current mode of "Follow cursor" (when the panel is near the cursor) uncomfortable when using other add-ons (URL Tooltip WE, Link Alert) - they overlap each other.
Mode "Over image" is not convenient for small image - overlaps a significant part of the picture.
Mode "After image" is uncomfortable for bigger image - panel is often in the invisible part of the web page and needs to scroll down.
The mode "Before image" is not working fine when opened separately the big picture - the picture overlaps the panel, and centered the text is not visible. For test: https://img-fotki.yandex.ru/get/877700/9261163.19/0_9e522_278bb01b_orig
And at least on one site, this mode is buggy: http://nearspace.ru/ there are a few small pictures in a row and the bar starts to jump up and down.
So I want a versatile option. ))
Upd. 22/12/2017:
This is perfect! Thank you very much!!!
Now cosmetic remark: when I change the page zoom, the scale panel is also changing. It would be nice to fix it (if possible).
Upd. 23/12/2017:
Thanks again, cubeleco! I am fully satisfied. ))
Here's the final version (if someone is interested):
"Follow cursor"
bottomleft: position: absolute; top: auto; bottom: 2.5vh; color: White; background: CornflowerBlue; font: 2.2vh arial black; border-radius: 0.5vw; padding: 0.9vh 0.9vw 0.9vh 0.9vw; text-align: center; text-shadow: 0.15vw 0.3vh 0.15vw Black; opacity: 0.95;
开发者回应
发布于 7 年前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
25 条评价
- 评分 5 / 5来自 Firefox 用户 16181994,6 个月前Does exactly what is advertised. Tooltip display of info is especially useful to me.
- 评分 5 / 5来自 Firefox 用户 13524479,1 年前So damn useful. Works like a charm. Thanks a lot for coding and sharing such a handy little extension.
- 评分 5 / 5来自 lobace,1 年前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 用户 13716604,2 年前Excellent add-on! Special thanks for the"minimum resolution" option.
- 评分 5 / 5来自 Виталий,2 年前
- 评分 5 / 5来自 Firefox 用户 17647872,2 年前
- 评分 4 / 5来自 AssassinWarrior,2 年前good add-on, but interferes with amazon's images. need a site exception functionality.
- 评分 5 / 5来自 Firefox 用户 13797441,2 年前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,3 年前
- 评分 5 / 5来自 Firefox 用户 14934664,4 年前Excellent replacement for the deleted "view image info" contextual menu item.
- 评分 4 / 5来自 Firefox 用户 13574424,4 年前
- 评分 5 / 5来自 donald42,5 年前
- 评分 5 / 5来自 SergeyAvchenko,5 年前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来自 Brian1ee7,5 年前You really can't judge a book by its cover(or its number of users). This is the one I'm looking for for my android firefox since there's no option where you can see the image data. Thank you very much devs is all I can give you for now. I hope you best and be safe.
- 评分 5 / 5来自 circcc,5 年前delay option please.
I want to place the cursor on the image for a while and show it only when I wait a few seconds.
Edit: thanks for delay option in new version. - 评分 5 / 5来自 cupnoodles,5 年前
- 评分 5 / 5来自 joe,5 年前It is possible to have the cursor X and Y position pixel of the image, I will contribute !
- 评分 5 / 5来自 Stray,6 年前
- 评分 4 / 5来自 M.Golshani,7 年前
- 评分 3 / 5来自 Firefox 用户 12357730,7 年前It would be nice to have a toolbar button to activate only when needed.