替代img src..没有JavaScript也可以



我使用jQuery.load来加载一些内容,但对于SEO和禁用JavaScript的浏览器,我使用渐进式增强来使用<a>标签正常链接到内容,当JavaScript加载内容时。

我的问题是,在一个页面/加载的内容有一个图像,如果内容是使用JavaScript加载的图像源将是src="images/picture.png",但如果它使用<a>标签加载,它将是src="../images/picture.png"(注意../)。我知道我可以通过改变文件结构来解决这个问题,通过将加载的页面放在与文件相同的文件夹级别,但这意味着我将在我的根/或隐藏的主文件中加载文件,给我一个混乱的URL。

我想知道我是否可以为图像指定替代源(当然我不能使用JavaScript来做到这一点;它必须是纯HTML)。

对吧…我不认为我说得很清楚。

我需要修改的是:

  • 如果该页是通过<a>链接点击的,图片来源应为src="../images/picture.jpg"

  • 如果使用jQuery.load加载内容,则图像源应为src="images/picture.jpg"

这不能用JavaScript实现,因为当JS不工作或被禁用时。

你应该这样做。当通过A标签点击页面时,将页面写入工作

然后通过jQuery如果你通过jQuery加载它,改变所有的路径为你想要的

有很多工作要做。更简单的是,使用绝对路径。

旁注:这个问题与渐进式增强无关。

相关内容

  • 没有找到相关文章

最新更新