问题标签 [image-replacement]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
8 回答
8508 浏览

html - 如何使用 CSS 将内联文本替换为图像

我想使用 CSS 将以下 HTML 中的文本( “Word 1 Word2 Word3 Word4” )替换为图像。我希望图像也像文本一样水平显示。

我已经通读并尝试了mezzoblue和其他一些网站的一些技术,但我得出的结论是,这些技术似乎要求文本的跨度被一种或另一种元素类型包围,这将使单词不要水平排列。

关于如何实现这一目标的任何想法?我想(如果可能的话)使屏幕阅读器等可以“访问”该解决方案。

非常感谢,
普伦博。

PS:我尝试实现一些技术 - 它们都不能正常工作:TextReplacement.html

和 CSS 文件:TextReplacement.css

0 投票
1 回答
274 浏览

flash - 无法控制的跳跃 - sIFR 滞后

sIFR 替换的文本正常显示,隐藏常规文本没有问题。但是,每次在我正在开发的网站上加载页面时,被替换的文本需要永远(即永远在互联网时间)加载,并在页面上垂直跳转,并在最终固定到位之前有很长的延迟。

0 投票
9 回答
6267 浏览

css - 最佳图像替换技术

在 CSS 中进行图像替换的最佳(如跨浏览器)技术是什么?我正在使用精灵进行导航,但我希望标记保持对 SEO 友好。鉴于以下 HTML 结构...

仅使用 CSS 将文本替换为背景图像的最佳方法是什么?

我目前正在使用这个...

但是,它在 CSS 打开和图像关闭时失败。

0 投票
3 回答
2366 浏览

javascript - 在没有硬编码位置的情况下点击链接时的图像更改?

我想做的是让访问者通过单击一组缩略图来更改图像。但是,我遇到的问题是我真的不想将图像位置硬编码到脚本中。我希望脚本具有足够的便携性,可以在任何旧页面和图像集上运行,只要使用的 ID 匹配即可。有没有办法可以更改以下内容以将 X 的 src 替换为 A、B 或 C 的 src?

JS

HTML

0 投票
1 回答
4570 浏览

asp.net - 使用 jQuery/ASP.NET 更新图像(运行服务器)Src

我正在尝试使用 jQuery 更新图像的来源。问题是 img 正在服务器端运行,因为它的初始源是在加载时设置的。

这是 ASPX/HTML:

可以在此处或下方找到正在使用的示例 jQuery 代码:

目前,所有图像源在加载时都是完美的(通过代码隐藏加载小图像和大图像)。但是,单击缩略图不会更改大图像,因为它正在运行服务器端。

有想法该怎么解决这个吗?

非常感谢您!在把我的头撞在墙上太多小时之后,我终于认输了(至少几个小时)。

谢谢!

-亚当

0 投票
3 回答
323 浏览

css - 这是一种“有效”的 css 图像替换技术吗?

我刚想出这个,它似乎适用于所有现代浏览器,我只是在(IE8/兼容性、Chrome、Safari、Moz)上对其进行了测试

HTML

CSS

专业人士:

  • 图像替代文本是可访问性/seo 的最佳实践
  • 没有额外的 HTML 标记,而且 css 也非常小
  • 解决 css on/images off 问题,其中“文本缩进”技术对低带宽用户隐藏文本

我能想到的最大缺点是 css off/images on 情况,因为你只会发送一个透明的 gif。

我想知道,谁使用没有样式表的图像?某种手机什么的?

我正在为澳大利亚偏远地区(距离最近的城市数百公里)的客户制作一些网站,那里的许多用户将遭受拨号连接的困扰,而且浏览器也经常过时,因此“图像关闭”问题是一个重要的考虑因素.

这种技术还有其他我没有考虑过的副作用吗?

编辑:只是想添加我将在普通图像标签上使用的额外信息,因为

A. 我可以使用 css-sprites

B. 我可以使用 php 生成 css,使用单个数组在不同子域之间交替背景图像源

C. 我喜欢现在调整图像大小不会拉伸或扭曲它的方式,因此它的行为就像页面上的其他所有内容一样。

0 投票
3 回答
193 浏览

html - IE6 PNG替换:如何使嵌套可点击?

0 投票
3 回答
107 浏览

javascript - 图像替换错误

我已经尝试了所有可能的替换图像的方法组合,但没有找到可行的解决方案。

我在这里上传了有问题的代码:http: //dl.dropbox.com/u/2959730/index.html

我建议下载源代码并尝试您的代码。问题在于应该附加到#playButt img 的 player.playPause() 函数。

请帮助我已经挣扎了几个小时了!

编辑:

我已经更正了所有内容,并且根据建议,我现在将此代码用于 playPause(),但它仍然无法正常工作!. 这是我遇到过的最令人沮丧的事情...

0 投票
2 回答
767 浏览

jquery - jquery:单选按钮替换和关键字匹配

我想用图像替换我的单选按钮,这是我的 html 将由系统生成,

我希望 jquery 脚本检查单选输入中的标题文本是否包含某些关键字或字母,然后相应地替换该单选按钮。

例如,如果发现单选按钮包含关键字 - 'Small',或'small',甚至's',则将此按钮替换为此<a>标签,该标签将在css中设置为图像,

如果找到关键字 - 'Medium' 或 'medium' 这将是相同的情况......

这是我被困在的jquery,

下面是我到目前为止出来的脚本......

请给我一些想法来使它...谢谢。

0 投票
2 回答
1513 浏览

jquery - 鼠标悬停在单选按钮替换?

我正在使用 jQuery 替换此页面上的单选按钮 - http://www.justdoors.co/product-selection/并且想知道是否也可以添加鼠标悬停效果?

当用户在列表中上下移动时,我希望灰色箭头在鼠标悬停/悬停时变为绿色时变为绿色。