NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze: JS podle rozlišení

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Adam Krytinář
Člen
Avatar
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).re­ady(function () {
$('#carouselE­xampleIndicator­sProdd').carou­sel({
interval: 10000
})
$('.fdi-Carousel .carousel-item').each(fun­ction () {
var next = $(this).next();
if (!next.length) {
next = $(this).siblin­gs(':first');
}
next.children(':fir­st-child').clone()­.appendTo($(this));
});

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

$(document).re­ady(function () {
$('#carouselE­xampleIndicator­sProdd').carou­sel({
interval: 10000
})
$('.fdi-Carousel .carousel-item').each(fun­ction () {
var next = $(this).next();
if (!next.length) {
next = $(this).siblin­gs(':first');
}
next.children(':fir­st-child').clone()­.appendTo($(this));

var next2 = next.next();
if (!next2.length) {
next2 = $(this).siblin­gs(':first');
}
next2.children(':fir­st-child').clone()­.appendTo($(this));

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

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

 
Odpovědět
10.11.2017 9:15
Avatar
Petr Čech
Tvůrce
Avatar
Odpovídá na Adam Krytinář
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č
Řešení problému
Nahoru Odpovědět
+1
10.11.2017 9:44
the cake is a lie
Avatar
Adam Krytinář
Člen
Avatar
Adam Krytinář:10.11.2017 10:09

Funguje naprosto perfektně. Děkuji za pomoc!

 
Nahoru Odpovědět
+1
10.11.2017 10:09
Avatar
Petr Čech
Tvůrce
Avatar
Odpovídá na Adam Krytinář
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
Avatar

Člen
Avatar
Odpovídá na Petr Čech
: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
+1
11.11.2017 13:15
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.