如何将图像的ALT值放入javascript或jquery中的变量中

时间:2014-04-05 08:57:23

标签: javascript jquery

我制作了一个基于图像来源的cardpread程序。它工作正常,但它加载缓慢,因为现在加载了78张不同的卡。我喜欢加快装载速度,我认为每个DIV需要额外的物品。所以我为每张图片添加了一个ALT标签。像这样:

<div id="kaart1">
   <alt=kaart14.jpg>
       <img src="images/kaart1.jpg" width="110" height="180" onclick="showDiv(event)>
   </alt=kaart14.jpg>
</div>

现在我只需要1张图片来加载78次,这样会更快。我现在面临的问题是我想将alt值​​读入变量(在这种情况下:kaart14.jpg)。 我试过了:

 $('.status').click(function() {
            var status = $(this).attr('alt');
            });

但这仍然是空的。有没有人有如何在Javascript或jQuery中解决这个问题的建议?

2 个答案:

答案 0 :(得分:1)

您的alt属性应该像

<div id="kaart1">
   <img src="images/kaart1.jpg" alt="kaart Image" width="110" height="180" onclick="showDiv(event)>
</div>

altimg标记的一个属性,它不是标记本身。而@Bergi说,alt属性不会是另一个图像。它可能是的描述

答案 1 :(得分:1)

首先,没有<alt>标记。它用作<img>的替代。如果未加载图像,则显示该值。

这只是纯文本。如果你在那里放一个网址,它只会显示网址,而不是图片本身。

例如:

<img src="myphoto.jpg" alt="This is my photo">

如果您使用alt或不使用alt,则没有性能提升,但您肯定是SEO