扩展到在jquery脚本中包含当前文档名称


Expanding to include current document name in jquery script

我有一些代码,它独立于扩展名预加载图像,并以类似于:hover伪类的方式工作。我的问题是我如何扩展这包括源文件的文件名的一部分。我的意思是脚本目前添加_over到现有的文件名,并离开扩展也预加载这些图像。我想要的是为它添加/index_files/filename_imagename_over,其中imagename是图像的src。所以它已经添加了_over,我希望它添加/index_files/,这是静态的,/filename根据文件名变化。

$(function() { $('#nav li a img').each(function() {
var originalSrc = this.src,
   hoverSrc = originalSrc.replace(/'.(gif|png|jpe?g)$/, '_over.$1'); 
   image = new Image();
image.src = hoverSrc;
$(this).hover(function() {
  image.onload = function() {
}
  this.src = hoverSrc;
}, function() {
  this.src = originalSrc;
});
});
})

我也想知道我是否可以在我的javascript中包含php脚本,我认为我不能,因为服务器不会处理php,因为它不是。php文件。这就是例子。如果是这样,我可以在脚本中使用它。我想它也可以简单地使用php include() javascript到我的php文档,使脚本包含在服务器级和php代码处理。

另一个简单的解决方案是使用图像作为背景(css)和胡佛效果你改变背景位置,例如http://www.dynamicsitesolutions.com/css/background-image-switching/