Jquery 尝试在easySlider转盘中显示所有图像的alt文本

我有以下html：

<div id="slider">
    <ul>
        <li><a href="#" filename="strangeweather_1"><img src="large/strangeweather_1.jpg" alt="Baby, You're Just Like Stereo Equipment - ink, watercolor, gouache on paper" /></a></li>
        <li><a href="#" filename="strangeweather_2"><img src="large/strangeweather_2.jpg" alt="I Don't Mind If You Sleep Through This Or It Wakes You - ink, gouache, watercolor on paper" /></a></li>
        <li><a href="#" filename="strangeweather_3"><img src="large/strangeweather_3.jpg" alt="It's Not Over Yet - ink, watercolor, gouache, graphite on paper" /></a></li>
    </ul>
</div>

<div id="contentTitle"><!-- append alt text here -->
</div>

}))

这似乎适用于加载文档时的第一个img alt。不确定如何显示通过旋转木马加载的每个图像的alt文本

jquery是否有效地获取alt的副本并将其存储以供操作？我正在考虑使用.offset（）在绝对位置显示alt。我不知道每次加载当前图像时如何显示alt

希望这是有意义的

所有代码都在这里：

您可以尝试以下方法：

您可以尝试以下方法：

试试这个：

更新：修复打字错误

$(document).ready(function() {
     var altText = "";
     $('#slider ul li img').each(function(a, b){
        altText += $(b).attr('alt') + "<br/>";
     });

   $('#contentTitle').append(altText); //Remove the div from the slecttor, since you are using ID selector this version is faster.
});

$（文档）.ready（函数（）{
var altText=“”；
$（“#滑块ul li img”）。每个（函数（a、b）{
altText+=$（b）.attr（'alt'）+“
”；
});
$（“#contentTitle”）.append（altText）；//从slector中删除div，因为您使用的是ID选择器，所以此版本更快。
});

jsiddle:

试试这个：

更新：修复打字错误

$(document).ready(function() {
     var altText = "";
     $('#slider ul li img').each(function(a, b){
        altText += $(b).attr('alt') + "<br/>";
     });

   $('#contentTitle').append(altText); //Remove the div from the slecttor, since you are using ID selector this version is faster.
});

$（文档）.ready（函数（）{
var altText=“”；
$（“#滑块ul li img”）。每个（函数（a、b）{
altText+=$（b）.attr（'alt'）+“
”；
});
$（“#contentTitle”）.append（altText）；//从slector中删除div，因为您使用的是ID选择器，所以此版本更快。
});

---

jsfdle:

这是一种工作方式，只是它同时附加每个图像的alt文本，我不知道如何简单地附加客户端正在查看的单个图像。但不确定旋转木马是否可以这样工作。你认为每个图像的alt文本可以放在图像的顶部，无论它在页面上的什么位置？当我在Firebug中禁用图像时，我可以看到它。@lharby alt ernative在图像未加载时使用，您可以在此基础上创建一个元素，并使用javascript将其相对于图像定位。你想实现什么？图像存储在旋转木马中，并从右向左淡入。如果alt文本可以在图像滑动时与图像的坐标保持一致，那将是理想的。回到我关于jQuery复制对象并存储它而不是操作dom元素的问题。选中此项：禁用图像的Firebug，如果您滚动图像，alt文本将随图像移动。这里的所有代码：@lharby好的，为什么不使用一个支持标题的旋转木马插件呢？这是一种工作方式，只是它同时附加每个图像的alt文本，我不知道如何简单地附加客户端正在查看的单个图像。但不确定旋转木马是否可以这样工作。你认为每个图像的alt文本可以放在图像的顶部，无论它在页面上的什么位置？当我在Firebug中禁用图像时，我可以看到它。@lharby alt ernative在图像未加载时使用，您可以在此基础上创建一个元素，并使用javascript将其相对于图像定位。你想实现什么？图像存储在旋转木马中，并从右向左淡入。如果alt文本可以在图像滑动时与图像的坐标保持一致，那将是理想的。回到我关于jQuery复制对象并存储它而不是操作dom元素的问题。选中此项：禁用图像的Firebug，如果您滚动图像，alt文本将随图像移动。这里的所有代码：@lharby好的，为什么不使用一个支持标题的旋转木马插件呢？我看不到任何东西在JSFIDLE中工作。如果您转到这里：这是一种工作方式，但是将每个图像的alt加载到div中。在jsfiddle中我看不到任何工作。如果您转到这里：这是一种工作方式，但是将每个图像的alt加载到div中。

$(document).ready(function() {
     var altText = "";
     $('#slider ul li img').each(function(a, b){
        altText += $(b).attr('alt') + "<br/>";
     });

   $('#contentTitle').append(altText); //Remove the div from the slecttor, since you are using ID selector this version is faster.
});