Хорошо, поэтому у меня есть динамически сгенерированные изображения через 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, а outoutout - tile_4.jpg.
Что я хочу знать: есть ли способ выполнить то же самое, что и выше, с помощью jQuery или CSS? Я не понял это, и я потратил много времени, но я предпочел бы сделать что-то еще, если это вообще возможно, с тех пор, как было сказано выше (с массивным повторением, этот формат повторяется в настоящее время около 100 раз, но у меня есть планы чтобы расширить его до более чем 1000 раз) станет полосой пропускания.