jquery-使用悬停显示图像

我目前正在使用CakePHP和jquery。我得到了一系列想要的结果。我必须将该数组显示为输出。其中一个数组值包含一个“图像ID”，它对应于数组中该值的一个图像。我要做的是，仅当我将鼠标悬停在数组的数据上时才显示这些图像。现在，当页面加载时，所有图像都被加载。这会增加页面的加载时间。使用悬停方式，仅当鼠标悬停时调用图像，而不在页面加载时调用图像

我是jquery的新手。我只是想知道怎么做。如果有人告诉我一个开始的方法，我就能成功。任何帮助都将不胜感激。如果你需要更多信息，请告诉我

问候,， BG

试试以下方法：

HTML:

<div id="showImg">Show Images</div>

以下是用于邮寄的文件-

---

对于鼠标悬停-

可以使用jquery.hover（）轻松完成

$（函数（）{
$（“要悬停的CSS选择器”）。悬停(
函数（）{
$（“您想要图像的CSS选择器”）.html（“”）；
})
});

---

如果您希望blabla成为一个ID，请给CSS选择器指定您想要悬停的ID，并使用jquery获取该ID

向页面添加悬停不会减少加载时间。当您将鼠标移到页面中的某个内容上时，需要使用AJAX调用服务器。。。jQuery有很多插件可以加载图像——但主要是在页面滚动时——您可以将它们改为使用悬停技术

$('#showImg').mouseover(function(){
    $.post('pathToCakeServerPage', function(data) {
        $('#showImg').append(data);
    });
});

$(function() {
    $("THE CSS SELECTOR YOU WANT TO HOVER").hover(
    function () {
      $("THE CSS SELECTOR YOU WANT THE IMAGE IN").html('<img src="blabla.jpg" alt="" />');
    })

});