操纵浏览器的默认图像放大和 html 元素
manipulate the browser's default image enlarge and html elements
所以我不确定这个的正确术语是什么,但是当我为图像资产使用 link 时,我发现大多数浏览器(至少我使用过的浏览器)生成 HTML 标记以显示图像并使其自动调整大小并提供点击放大功能。
所以我很好奇:是否可以操纵浏览器在解析图像资产的 URL 时生成的默认标记(即 http://cdn1.technology.ie/wp-content/uploads/2013/07/firefox-logo-evolution-infographic.jpg)以及为点击放大功能?
我想做的是为自动生成的图片标签添加样式,使其垂直居中。
不幸的是,您不能用它做任何事情。要执行类似的操作,您将必须创建一个页面,该页面采用查询字符串中的图像路径,然后您将完全自由地按照您想要的方式更改它。例如域.com/myassetpage.php?some-image.jpg
对于 Firefox,您可以使用名为 "userContent.css" 的文件来声明您自己的默认规则。
对于Google Chrome see this discussion.
还有启用此行为的加载项。例如 userstyles.org.
编辑:以上将适用于您自己的浏览器;如果你想link你网站上的图片资源,你可以使用一个单独的页面,就像其他人推荐的那样,或者只使用一些类似灯箱的插件在弹出窗口中显示图片。
所以我不确定这个的正确术语是什么,但是当我为图像资产使用 link 时,我发现大多数浏览器(至少我使用过的浏览器)生成 HTML 标记以显示图像并使其自动调整大小并提供点击放大功能。
所以我很好奇:是否可以操纵浏览器在解析图像资产的 URL 时生成的默认标记(即 http://cdn1.technology.ie/wp-content/uploads/2013/07/firefox-logo-evolution-infographic.jpg)以及为点击放大功能?
我想做的是为自动生成的图片标签添加样式,使其垂直居中。
不幸的是,您不能用它做任何事情。要执行类似的操作,您将必须创建一个页面,该页面采用查询字符串中的图像路径,然后您将完全自由地按照您想要的方式更改它。例如域.com/myassetpage.php?some-image.jpg
对于 Firefox,您可以使用名为 "userContent.css" 的文件来声明您自己的默认规则。
对于Google Chrome see this discussion.
还有启用此行为的加载项。例如 userstyles.org.
编辑:以上将适用于您自己的浏览器;如果你想link你网站上的图片资源,你可以使用一个单独的页面,就像其他人推荐的那样,或者只使用一些类似灯箱的插件在弹出窗口中显示图片。