Question

我有jquery滑块。此滑块包含这些图像的图像和缩略图。我想分别替换来自jquery ajax调用的图像和缩略图。这是我的滑码：

<ul id="thumbs" class="slides">
    <li id="firstthumb" data-thumb="images/s/img8.jpg">
        <img id="firstimage" src="images/s/img8.jpg" />
    </li>
    <li id="secondthumb" data-thumb="images/s/img10.jpg">
        <img id="secondimage" src="images/s/img10.jpg" />
    </li>
    <li id="thirdthumb" data-thumb="images/s/img9.jpg">
        <img id="thirdimage" src="images/s/img9.jpg" />
    </li>
    <li id="fourththumb" data-thumb="images/s/img11.jpg">
        <img id="fourthimage" src="images/s/img11.jpg" />
    </li>
    <li id="fifththumb" data-thumb="images/s/img3.jpg">
        <img id="fifthimage" src="images/s/img3.jpg" />
    </li>
</ul>

我已使用以下代码替换了图片：

$('#firstimage').attr('src', message[22]);
$('#secondimage').attr('src', message[23]);
$('#thirdimage').attr('src', message[24]);
$('#fourthimage').attr('src', message[25]);
$('#fifthimage').attr('src', message[26]);

这里的消息[22] ...是图像的网址。它的工作完美。但我不知道如何更换拇指指甲图像。给我一些想法。谢谢。

Answer 1

试试这个

$('#firstthumb').data('thumb', message[22]);

OR

$('#firstthumb').attr('data-thumb',message[22]);

Answer 2

你能试试吗，

  $('#firstimage').attr('src', message[22]).data('thumb', message[22]);

如何使用jquery动态地将图像设置为li标签

2 个答案: