javascript - jQuery 图像预加载,相对于当前文档

标签 javascript jquery html

我希望实现的是一个 jQuery 图像预加载器,它根据当前文档加载不同的图像。我想要实现这一点的方法是通过类似于以下的 jQuery 脚本: 文档名称扩展名(即 .php .html)+ _definable 图像名称和扩展名。 例如,如果当前文档是index.php并且您将图像名称定义为_kids.jpg,则预加载器将加载文件index_kids.jpg,如果您位于文档market.php中,则预加载器将加载文件market_kids.jpg。 我对 jQuery 不太熟练,我有一些想法如何制作一个脚本来做到这一点,但没有真正组织起来。我希望有人能帮助我。

最佳答案

如果你使用 PHP,你可以这样做:

var img = new Image();
img.src = "<?php echo substr(__FILE__, 0, strrpos(__FILE__, '.')); ?>_kids.jpg";

对于纯 JavaScript 解决方案,其行为与上面的示例类似:

var href = document.location.href;
var filename = href.substring(href.lastIndexOf('/')+1, href.lastIndexOf('.'));
img.src = filename+"_kids.jpg";

关于javascript - jQuery 图像预加载,相对于当前文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5787391/

相关文章:

javascript - 单击子div时需要获取父div的文本

javascript - jQuery Datepicker - 将第一个选择器设置为限制为第二个选择器的事件周

javascript - 按双重嵌套值对 JSON 数组进行排序?

html - 网站的跨浏览器兼容性

javascript - 在 JavaScript 更改值之前和之后使用 Nokogiri 和 Ruby 进行抓取

javascript - 正则表达式,替换特殊字符

javascript - JavaScript 中的符号

javascript - 是否可以在 .textContent 中使用 <tags> 或它的解决方法?

html - Chrome 渲染错误

php - Yii 中的无限滚动