当窗口宽度减小并扩大时，我正在尝试使用幻灯片显示略有不同的内容。我在slideshows.html中有两个幻灯片的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-mobile'替换'.slideshow-desktop'。
我希望这是因为。 有人知道，或者知道如何做到这一点？