2011-04-27 48 views
0

我有一些代码预加载独立于其扩展名的图像,并以类似于hover伪类的方式进行操作。我的问题是我如何扩大这个包括在源文件的一部分。我的意思是脚本目前将_over添加到现有文件名中,并使扩展名也预加载这些图像。我想要的是它添加/ index_files/filename_imagename_over其中imagename是图像的src。所以它已经添加_over我希望它添加/ index_files /这是静态和/文件名根据文件名更改。扩展到包括jQuery脚本中的当前文档名称

$(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()作为我的php文档,以便脚本包含在服务器级别并且处理php代码。

+0

你应该能够根据以前的答案得到所有的结果。哦,并恭喜找出代码格式按钮:) – alex 2011-04-27 07:29:55

+0

@alex赫赫,刚才意识到所有线路之后,需要的间距也是正确的。你可以直接回答这个问题,因为我需要将php插入脚本的选定部分。 – Jason 2011-04-27 07:35:22

+0

@alex没关系意识到我不需要在文档中设置它。如果我在我的php文档中设置documentname_imagename,那么当javascript收到它时,它将是正确的,因为php是计算服务器端的。 – Jason 2011-04-27 07:39:56

回答

1

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

+0

已经看到了这一点,但我已经有了一个很好的脚本,当它们都没有效率的时候,并不是真的想重新编码它。 – Jason 2011-04-27 07:36:26

+0

因为我回答了我自己的问题,但是这个答案仍然有用,你得到我的投票 – Jason 2011-04-27 07:40:24

相关问题