Javascript 具有重要图像的silde div

我得到了一个幻灯片中的div，通过向其中添加一个类来更改其正确的值，它工作正常，但该div中有一个图像，我需要它以响应方式显示该图像

现在，当它关闭时，我只想看到图片（我想我需要一个固定的图像，从右侧的距离）

我的html：

<div ng-controller="toggleCtrl" class="comingnext" ng-class="class" ng-click="toggleClass()">
        <a class="nextthumb thumbnail-shadow item item-thumbnail-left card" href="#">

                          <img src="{{allTracks.NextTrack.ImgUrl}}">
                          <h2>Coming up next:</h2>
                          <h2>{{allTracks.NextTrack.Song}}</h2>
                          <p>{{allTracks.NextTrack.Artist}}</p>
                          <p>{{allTracks.NextTrack.Album}}</p>

                      </a>
                    </div>

---

我认为您使用的是正确的图像和文本，对吗？ 因此，只需使用媒体查询，并在图像文本中显示

display:none

。另一个解决方案可能是在他的父母中使用

位置：相对的

和

位置：绝对的

，然后根据你的意愿改变你的图像位置。

---

希望这能奏效。

我想你用的是正确的图像和文本，对吗？ 因此，只需使用媒体查询，并在图像文本中显示

display:none

。另一个解决方案可能是在他的父母中使用

位置：相对的

和

位置：绝对的

，然后根据你的意愿改变你的图像位置。 希望这能奏效

<div ng-controller="toggleCtrl" class="comingnext" ng-class="class" ng-click="toggleClass()">
        <a class="nextthumb thumbnail-shadow item item-thumbnail-left card" href="#">

                          <img src="{{allTracks.NextTrack.ImgUrl}}">
                          <h2>Coming up next:</h2>
                          <h2>{{allTracks.NextTrack.Song}}</h2>
                          <p>{{allTracks.NextTrack.Artist}}</p>
                          <p>{{allTracks.NextTrack.Album}}</p>

                      </a>
                    </div>