Home/ Questions/Q 9196037
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T21:45:43+00:00

I’m trying something a bit different with slideshows when the window width reduces and

  • 0

I’m trying something a bit different with slideshows when the window width reduces and expands in size. I have the html code for two slideshows in slideshows.html. Slideshows are labeled:

<div class="slideshow-mobile">... </div>

<div class="slideshow-desktop">... </div>

I’d like to append ‘.slideshow-desktop’, located in slideshow.html, into my ‘#featured’ div, which is located index.html page, when the window width is greater than 769px.

When the window width is less than 769px, I’d like to remove the code from the existing slideshow,’.slideshow-desktop’, and then append ‘.slideshow-mobile’ in #featured. In other words when window width is less than 769px I just want to replace ‘.slideshow-desktop’ with ‘.slideshow-mobile’.

I hope this makes since.
Would anyone know, or have a clue on how to do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I recommend using Adapt.js (http://adapt.960.gs/), it has a callback function where you can add/remove elements in dependency of width.

    • 0