Javascript 在jQuery中单击alt选择多个img

我正在做一个项目，当我点击一个缩略图时，图片应该放大并在下面显示图片的名称（alt）。。我已经让它几乎工作，但无论我点击什么缩略图，它只显示一个图像。。 html

<div id="vacationimages">
    <p>  Click on the Image that best represents the kind of vacation you want</p>
    <p>  <img src="mountain link" alt="Mountain Vacation"></p>
    <p>  <img src="desert link" alt="Desert Vacation"></p>
    <p>  <img src="ocean link" alt="Ocean Vacation"></p>
</div>

<div id="bigimage">
    <img id="currentimage" src="ocean link" alt="ocean vacation" width="300" height="225" border="0"
    <p id="imagedesc">  </p>
</div>

我希望这是清晰的。我无法给出实际的图片链接，但希望这能给你一个好主意

我也不能更改HTML，所以请只更改javascript

编辑#1这里是JSFiddle链接

---

此外，并不是所有的项目是可用的，又名隐藏和提交按钮，我只是担心目前的图片。编辑结束#1

您的问题之一是，您正在捕获拇指指甲周围div的点击。同时，你也在准确地分配一些事情

$（“#vacationimages img”）。单击（函数（事件）{
var imgsrc=$（this.attr（'src'）；
var imgalt=$（this.attr（'alt'）；
控制台日志（imgsrc）；
/*不太清楚你在这里想干什么*/
/*所以我现在就说不出来了*/
/*$（“#bigimage”）。切换（“”）；
$（this.css（'display'，''）*/
/*猜猜你想要什么*/
$（“#bigimage”）.show（）；
$（“currentimage”）.attr（“src”，imgsrc）；
event.stopPropagation（）；
var imagedisc=$（this）.attr（imgalt）；
$（'#imagedesc'）.html（imgalt）；
});
#休假图像img
{
高度：75px；
}
#大图
{
显示：无；
}

点击最能代表你想要的假期类型的图片





HTML看起来无效；这必须是改变的第一件事。你能把它修好让我们开始帮助你吗？你能明确指出你需要帮助的具体内容吗？如果你能提供一个JSFIDLE来演示这个问题，这个问题会得到更快的解决。我同意@KyleMuir的评论。这是JSFIDLE，我没有把整个代码放在这一节中，因为它太长了，但这是完整的项目。你总是想显示“
bigimage
”，不管你是点击图片1、2还是3？这就是你想要的吗？如果我理解正确的话…你在这里添加它的唯一一件事就是点击
img
，如果你删除它，它也会做同样的工作。除非我看不到也不完全理解这个问题@dippas OP希望通过单击图像来更新“大图像”。你的链接不能做到这一点。还有其他一些不太明显的错误，比如没有捕获点击的图像。你的用户也没有这样做。我没有看到任何变化：我看错了吗？顺便说一句，使用FF..是的，它有。原来没有，因为还有我提到的其他问题。灰色图像上的灰色有点微妙！我已经说得更清楚了。
$('#vacationimages').each(function() 
{
    var vacaimg = new Image();
    vacaimg.src = $(this).attr("src");
});

$('#vacationimages').click(function(event) {
    var imgsrc = $(this).attr('src');
    var imgalt = $(this).attr('alt');
    $("#bigimage").toggle('');
    $(this).css('display', '');

    event.stopPropagation();

    var imagedisc = $(this).attr(imgalt);
    $('#imagedisc').text(imagedisc);
});