Question

我的结构如下：

<div id="so1" class="card over"  data-direction="right" gal="gal1" >        
      <div class="front" >
    <img src="img1.jpg" width ="100%;" height ="100%;" alt="">
      </div>         
      <div class="back" style="background-color:#99ca3c;">
      </div>         
</div>

识别我所做的这些部分

change_it = function (id,effect, img ) {
   $('#' + id).toggleClass(effect);
   $('#' + id).attr('img', img);
}

我称之为

change_it ("so1", "flipping-right" ,"imgs/img1/2.jpg");

但是它没有改变它的值，如果我只有父div的id，我如何访问这个img属性？我的意思是，结构是div->div->img

Answer 1

您需要找到图像并更改其 src 属性：

change_it = function (id,effect, img ) {
   $('#' + id).toggleClass(effect);
   $('#' + id).find('img').attr('src', img);
}

Answer 2

此处so1是div id，但您正在使用

$('#' + id).find('img').attr('src', img);

表示div。

在这里你需要找到该div中首先存在的图像标签。然后更改该图像的src。

Answer 3

如果要将图像指定给div，可以设置其背景图像。

$('#' + id).css('background-img', 'url(' + imageUrl + ')'

找到img属性并更改div中的src值

3 个答案: