NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
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
10.11.2017 9:44
the cake is a lie
Avatar
Adam Krytinář:10.11.2017 10:09

Funguje naprosto perfektně. Děkuji za pomoc!

 
Nahoru Odpovědět
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
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.