问题标签 [image-replacement]

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

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

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

非常感谢，
普伦博。

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

和 CSS 文件：TextReplacement.css

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

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

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

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

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

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

JS

HTML

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

这是 ASPX/HTML：

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

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

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

非常感谢您！在把我的头撞在墙上太多小时之后，我终于认输了（至少几个小时）。

谢谢！

-亚当

我刚想出这个，它似乎适用于所有现代浏览器，我只是在（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. 我喜欢现在调整图像大小不会拉伸或扭曲它的方式，因此它的行为就像页面上的其他所有内容一样。

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

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

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

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

编辑：

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

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

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

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

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

这是我被困在的jquery，

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

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

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

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