ウィンドウの幅が縮小したり拡大したりするときに、スライドショーで少し違うことを試みています。slideshows.htmlに2つのスライドショーのhtmlコードがあります。スライドショーには次のラベルが付いています。
<div class="slideshow-mobile">... </div>
<div class="slideshow-desktop">... </div>
ウィンドウ幅が769pxより大きい場合、slideshow.htmlにある「.slideshow-desktop」をindex.htmlページにある「#featured」divに追加したいと思います。
ウィンドウ幅が769px未満の場合、既存のスライドショー「.slideshow-desktop」からコードを削除してから、＃featuredに「.slideshow-mobile」を追加します。つまり、ウィンドウ幅が769px未満の場合、「。slideshow-desktop」を「.slideshow-mobile」に置き換えたいだけです。
それ以来、これが実現することを願っています。誰かがこれを行う方法を知っているか、手がかりを持っていますか？