Jak wyłączyć w js ładowanie div'a ? Opcje

[1q2w3e4r]

Witam,

Potrzebuję mediaquery ustawiam css dla odpowiedniej rozdzielczości ekranu i jest ok. Jednak mam na głównej slider w js, który ma być wyłączony w rozdzielczości mniejszej niż 600px.
Więc na razie robię to tak, że ładuję dwa divy i kiedy jest mniesza nić 600px wyłączam po prostu widoczność: display:none ale slider i tak działa w tle.
Dlatego potrzebuję zrobić tak, aby od razu wyłączyć załadowanie danego diva ze sliderem (czyli tych wszystkich obrazków) za pomocą js. Aby nie obciążał łącza niepotrzebnie.

Da się tak zrobić w js?
Proszę o pomoc.

Pozdrawiam,

[kamil4u]

Zrób if-a, który kiedy trzeba po prostu nie uruchomi slider-a, a nie tak jak masz teraz tylko ukrywa go.

Żeby opisać problem dokładniej musimy wiedzieć jak jest zbudowany ten skrypt. Jak są wczytywane obrazki i inne aspekty kodu.

[1q2w3e4r]

Jest to slider z tej strony: slidesjs.com
W JS rozdzielczość mogę wykryć tak:
if(screen.width<=600) {

Jednak jak wyłączyć go całkowicie gdy ten warunek jest spełniony?

[kamil4u]

No to będziesz musiał zmienić koncepcję. Za pomocą DOM-owskich metod dodawaj odpowiednie zdjęcia. Dzięki temu wczytają się tylko wtedy kiedy będzie odpowiednia rozdzielczość. Dopiero wtedy uruchom skrypt.

[1q2w3e4r]

Możesz podać jakiś przykład? Ponieważ nie znam na tyle js i nie wiem o co chodzi. Najczęściej wykorzystowuję jquery w przykładach.

[kamil4u]

Nie patrzyłem dokładnie na skrypt, więc może on sam daje taką możliwość.

Zostawiasz pustego div-a w HTML. Następnie za pomocą JS dodajesz, w tym div-ie(przy odpowiednim warunku) dynamicznie <img>, a następnie uruchamiasz skrypt slidesjs tak jak to robiłeś do tej pory. W jQuery masz prostsze tworzenie nowych elementów.

Dzięki temu nie wczytają Ci się zdjęcia w przypadku błędnej szerokości. Chociaż przy dzisiejszych łączach, nie wydaje mi się, że w odczuwalny sposób poprawi Ci to tę kwestię, ale może.