相关疑难解决方法(0)

你能否告诉我,我在下面写的功能是否足以在大多数(如果不是所有)今天常用的浏览器中预装图像？

function preloadImage(url)
{
    var img=new Image();
    img.src=url;
}

我有一个imageURL数组,我循环并调用每个URL的preloadImage函数.

好的,所以我通过PHP动态生成图像,因此不一定会生成相同的图像.我花了最后四个小时扫描互联网并用jQuery和/或CSS尝试无数的东西,我想出了以下有效的东西.

    <a href="build.php?x=1875&y=2020"><img style='background:url(images/tile_4.jpg)' src='images/tile_4.jpg' onmouseover="this.src='images/Market.png'" onmouseout="this.src='images/tile_4.jpg'" /></a>
<a href="build.php?x=1876&y=2020"><img style='background:url(images/tile_4.jpg)' src='images/tile_4.jpg' onmouseover="this.src='images/Market.png'" onmouseout="this.src='images/tile_4.jpg'" /></a>
<a href="build.php?x=1877&y=2020"><img style='background:url(images/tile_4.jpg)' src='images/tile_4.jpg' onmouseover="this.src='images/Market.png'" onmouseout="this.src='images/tile_4.jpg'" /></a>
<a href="build.php?x=1878&y=2020"><img style='background:url(images/tile_4.jpg)' src='images/tile_4.jpg' onmouseover="this.src='images/Market.png'" onmouseout="this.src='images/tile_4.jpg'" /></a>
<a href="build.php?x=1879&y=2020"><img style='background:url(images/tile_4.jpg)' src='images/tile_4.jpg' onmouseover="this.src='images/Market.png'" onmouseout="this.src='images/tile_4.jpg'" /></a>

Market.png具有透明背景.

现在,上面的工作.在鼠标悬停时,它显示Market.png,透明背景部分为tile_4.jpg,鼠标输出为tile_4.jpg.

我想知道的是:有没有办法用jQuery或CSS完成与上面完全相同的事情？我还没弄明白,我花了好几个小时尝试,但是如果可能的话,我宁愿做别的事情,因为上面的事情(大量的重复,上面的格式目前重复了大约100次,但我有计划将其扩展到超过1000次)将成为带宽生猪.

我有一个包含许多图像的页面，我想为它们使用翻转效果，即，当查看者将鼠标移到图像上时，图像源发生了变化。我已经尝试过 使用 jQuery Change the image source on rollover

但问题是我的图像位于不同的目录中。此外，图像文件名中有多个点。这与该网站是用 bigcommerce 构建的有关。

有解决方案吗？