javascript - 悬停时的 Jquery 图像 alt

Question

我有一个关于悬停图像上的图像 alt 的问题。

我必须创建这个 fiddle

在这个 fiddle 中，您可以看到有大而模糊的图像。当您将鼠标悬停在小图像上时，大图像就会发生变化。

我想做的事。我想从大图像中添加一个alt。在我的演示中，显示 alt 仅包含单一图像。我的代码也说未定义。我需要做什么才能仅显示大图像中的 alt。

$(document).ready(function() {
  var a = $(this).attr('alt');
    $("#magazin_sldwr li img").hover(function(){
        clearTimeout(autoScrollerTimer);
        $(this).parent('li').addClass('active').siblings().removeClass('active');
        $('#mainm-img').attr('src',$(this).attr('src').replace('thumb/', '')).parent().attr('href',$(this).parent().attr('href'),$(this).parent().append('<div class="title">' + a + '</div>'));

    }, function(){
        autoChangeImage();
    });

Answer 1

对于未定义问题: 您将变量 a 设置为 $(this).attr('alt') 太早了，在 $(this) 成为缩略图。

尝试在传递给 hover() 的函数中设置它，如下所示:

$(document).ready(function() {
    var a;
    $("#magazin_sldwr li img").hover(function(){
        a = $(this).attr('alt');
        clearTimeout(autoScrollerTimer);
        $(this).parent('li').addClass('active').siblings().removeClass('active');
        $('#mainm-img').attr('src',$(this).attr('src').replace('thumb/', '')).parent().attr('href',$(this).parent().attr('href'),$(this).parent().append('<div class="title">' + a + '</div>'));

    }, function(){
        autoChangeImage();
});

要显示其他替代文本，您的问题必须更加详细。