Diskuze: JS podle rozlišení

Adam Krytinář

Člen

Adam Krytinář:10.11.2017 9:15

Ahoj,

potřeboval bych poradit, jak napsat funkci na carousel s podmínkou rozlišení obrazovky.

Při rozlišení menší než 768, potřebuji provést pouze tuto funkci.

$(document).ready(function () {
$('#carouselExampleIndicatorsProdd').carousel({
interval: 10000
})
$('.fdi-Carousel .carousel-item').each(function () {
var next = $(this).next();
if (!next.length) {
next = $(this).siblings(':first');
}
next.children(':first-child').clone().appendTo($(this));
});

Pro vyšší rozlišení následující funkci.

$(document).ready(function () {
$('#carouselExampleIndicatorsProdd').carousel({
interval: 10000
})
$('.fdi-Carousel .carousel-item').each(function () {
var next = $(this).next();
if (!next.length) {
next = $(this).siblings(':first');
}
next.children(':first-child').clone().appendTo($(this));

var next2 = next.next();
if (!next2.length) {
next2 = $(this).siblings(':first');
}
next2.children(':first-child').clone().appendTo($(this));

var next3 = next2.next();
if(!next3.length){
next3 = $(this).siblings(':first');
}
next3.children(':first-child').clone().appendTo($(this));
});
});

Nějak se mi nedaří skloubit do sebe. Děkuji!

Odpovědět

10.11.2017 9:15

Petr Čech

Tvůrce

Petr Čech:10.11.2017 9:44

Ahoj, existuje něco jako window.innerWidth / window.innerHeight. To by ti mělo stačit
Pozn.: jsi tu nový, tudíž je možné to odpustit, nicméně kdykoliv vkládáš zdrojový kód, použij na to tlačítko </> . Bude to vypadat mnohem lépe a nikdo to nebude muset luštit.

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

10.11.2017 9:44

the cake is a lie

Adam Krytinář

Člen

Adam Krytinář:10.11.2017 10:09

Funguje naprosto perfektně. Děkuji za pomoc!

Nahoru Odpovědět

10.11.2017 10:09

Petr Čech

Tvůrce

Petr Čech:10.11.2017 10:13

Označ proto tedy prosím můj komentář jako řešení - taková ta fajfka vpravo.

Nahoru Odpovědět

10.11.2017 10:13

the cake is a lie

Člen

:11.11.2017 13:15

Dúfam, že Ťa tým nenahnevám, ale robiť to takýmto spôsobom, prípadne ešte aj reagovať na zmenu v onresize, je prinajmenšom naivné riešenie. Ako mi tu raz nejaký redaktor napísal, to by pri Code Review neprešlo

Nahoru Odpovědět

11.11.2017 13:15