[ Príspevkov: 11 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 05.03.21
Prihlásený: 14.04.21
Príspevky: 6
Témy: 1 | 1
NapísalOffline : 05.03.2021 11:36 | Problém s carousel sliderom

Zdravím, mám problém s carousel sliderom na webstránke. Carousel sa zobrazí najprv v poriadku ale po prekliknutí sa do druhého okna sa neaktivuje (posielam obrázky) vedel by mi prosím s tým niekto poradiť? Som amatér, robil som to 1x, budem rád za akúkoľvek radu. Ďakujem

Slider - https://imgur.com/a/kgysgrP
Kod - https://jsfiddle.net/c2seab1n/


Offline

Skúsený užívateľ
Skúsený užívateľ
Problém s carousel sliderom

Registrovaný: 19.03.07
Prihlásený: 13.04.21
Príspevky: 7033
Témy: 84 | 84
Bydlisko: BA
NapísalOffline : 05.03.2021 14:19 | Problém s carousel sliderom

Otvor web, stlac f12 (chrome,ff a asi aj edge), otvor si console, zacni preklikavat a je mozne ze ti tam skoci daka chyba, ked tak nam ju sem skopci alebo vycitaj ze co to ma za problem.


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 05.03.21
Prihlásený: 14.04.21
Príspevky: 6
Témy: 1 | 1
Napísal autor témyOffline : 05.03.2021 14:31 | Problém s carousel sliderom

Toto mi ukazuje console:

https://imgur.com/a/GmDGOqT

žiadna chyba v tom slideri podľa mňa.
Už nad tým rozmýšľam 2 týždňe a stále neviem prísť na chybu.


Offline

Skúsený užívateľ
Skúsený užívateľ
Problém s carousel sliderom

Registrovaný: 19.03.07
Prihlásený: 13.04.21
Príspevky: 7033
Témy: 84 | 84
Bydlisko: BA
NapísalOffline : 05.03.2021 14:58 | Problém s carousel sliderom

s jednym carouselom ti to ide? (v exampli tam mas 3)
Inak, ID na stranke je unikatne per dokument, cize to pouzivas zle.
Skus sem nahrat zdrojaky a mozno ti niekto alebo ja pomoze.


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 05.03.21
Prihlásený: 14.04.21
Príspevky: 6
Témy: 1 | 1
Napísal autor témyOffline : 06.03.2021 10:22 | Problém s carousel sliderom

Áno, s jedným to ide v pohode.
Zdrojáky to je celý html kod a css?


Offline

Skúsený užívateľ
Skúsený užívateľ
Problém s carousel sliderom

Registrovaný: 19.03.07
Prihlásený: 13.04.21
Príspevky: 7033
Témy: 84 | 84
Bydlisko: BA
NapísalOffline : 06.03.2021 19:37 | Problém s carousel sliderom

Tak skus urobit 3 inicializacie carouselov s troma triedami a ID. Tak aby si mal validne HTML.

Ano zdrojaky znamena html, css, js, obrazky. Proste vsetko co treba na to, aby bezala tvoja stranka a videli sme problem.


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 05.03.21
Prihlásený: 14.04.21
Príspevky: 6
Témy: 1 | 1
Napísal autor témyOffline : 10.03.2021 10:04 | Problém s carousel sliderom

Pridávam, zdrojáky:

https://www.plaveckykempbb.sk/Pokus.html

1.slider je vždy aktívny, no po preklikliku tabu sa ďaľší slider neaktivuje


Offline

Skúsený užívateľ
Skúsený užívateľ
Problém s carousel sliderom

Registrovaný: 19.03.07
Prihlásený: 13.04.21
Príspevky: 7033
Témy: 84 | 84
Bydlisko: BA
NapísalOffline : 10.03.2021 12:25 | Problém s carousel sliderom

poznas jQuery.onClick a jQuery.addClass .removeClass a tak? Mohlo by to riesit ten problem :)


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 05.03.21
Prihlásený: 14.04.21
Príspevky: 6
Témy: 1 | 1
Napísal autor témyOffline : 10.03.2021 12:55 | Problém s carousel sliderom

ja som siel cez tento script, ale pravdepodobne mam v nom nieco zle.

<script>
$(document).ready(function() {

$(".owl-carousel").owlCarousel({
items:1,
loop:true,
margin:10,
autoplay:true,
autoplayTimeout:3000,
autoplayHoverPause:true
});
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
e.target // newly activated tab
e.relatedTarget // previous active tab
$(".owl-carousel").trigger('refresh.owl.carousel');
});
});
</script>

Takto, ak tomu dobre rozumiem by to malo vyzerať:

<script src="js/jquery.js"></script>
<script>
$("# tabs-04".click(function() {
$("#Juniorky").addClass("second"){
}); ... atď. každú kategóriu napíšem, alebo idem na to úplne zle?
</script>

// Spojený príspevok 10.03.2021 14:00

Ale aj tak nerozumiem ako mi jQuery.onClick a jQuery.addClass .removeClass pomôže k aktivácií ostatných sliderov

// Spojený príspevok 10.03.2021 14:01

Resp. zobrazené sú ale nesprávne.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 05.03.21
Prihlásený: 14.04.21
Príspevky: 6
Témy: 1 | 1
Napísal autor témyOffline : 21.03.2021 22:09 | Problém s carousel sliderom

Tak som si doštudoval nejaké veci a najlepšie riešenie mi prišlo to riešiť cez javascript:

<script type="text/javascript">
var $tabs = document.querySelectorAll('.tabs-navigation a');
for (var i = 0; i < $tabs.length; i++) {
$tabs[i].addEventListener('click', function(){
$('.tab-pane#' + this.innerText + ' > div').owlCarousel();
});
}
</script>

len ani toto nefunguje


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 14.04.21
Príspevky: 550
Témy: 75 | 75
Bydlisko: Piešťany
NapísalOffline : 23.03.2021 20:23 | Problém s carousel sliderom

Stačilo do google napísať "owl carousel inside tab not working" a hneď zistíš že sa nemohol inicializovať nakoľko obsah tabov je skrytý.
https://stackoverflow.com/questions/28347479/owl-carousel-and-bootstrap-tab-on-a-page
a teda dám nejaké rady (ked už som bol na tom webe tak som sa aj preklikal na ine podstranky)
-skús si ten tvoj web otvoriť aj v iných prehliadačoch ako je chrome (Safari a IE niektorým príkazom nechápu alebo ich chápu inak) + samozrejme skús web pozrieť aj na mobile (chrome dokáže simulovať niektoré zariadenia)
-animácie.... je pekné že sa to tam hýbe bliká neviem čo... ale aby som dve sekundy čakal než sa mi niečo zobrazí?
-nadpis obalený v DIV? pozri si na čo sa používajú H tagy... (toto je vec aj pre SEO)
-velkost obrázkov (keď pridáš na web 8 obrázkov s rozlíšením 1000x1000 no ty ich pouzijes len v rozlisení 200x200 tak si si pekne spomalil web)

a teraz veci ktoré ti prácu uľahčia + web bude rýchlejší (ak ta zaujíma tvorba webov tak si ich prečítaj a ak nie tak to nečítaj)
- nepíš css a ani JS priamo do HTML dokumentu(iba ak to je ozaj že nevyhnutné).
- pozri si čo je GULP (ním dosiahneš to že nebudeš musieť linkovať 3 JS/CSS súbory ale budeš mať len jeden JS/CSS a to minifikovaný [rýchlejší])
- pozri sa čo je SCSS/SASS
- pozri si nejaký kurz predtým ako sa do niečoho vrhneš... ušetríš si čas a nervy. Odporúčam learn2code od autora Yablko kurz webrebel. Poprípade si ho nájdi na YT kde najdes urcite aj nejake videa/kurzy


_________________
NTB 1: Acer Nitro 5 - i5 7300HQ - GTX 1050 4GB - RAM 16GB - HDD 1TB - SSD Crucial MX500 250GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi A1 Android: 8.0.0
 [ Príspevkov: 11 ] 


Problém s carousel sliderom



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Problém so sliderom

v PHP, ASP

2

124

18.10.2013 9:45

Majky1990

V tomto fóre nie sú ďalšie neprečítané témy.

M Firefox problém so sťahovaním a GCH problém s updatom

v Sieťové a internetové programy

0

380

23.01.2015 16:06

Stary

V tomto fóre nie sú ďalšie neprečítané témy.

Problém so zobrazovaním www stránok, problém užívateľa

v Operačné systémy Microsoft

17

1096

23.03.2009 10:41

FERDA23

V tomto fóre nie sú ďalšie neprečítané témy.

Záhadný problém s PC... problém procesora?

[ Choď na stránku:Choď na stránku: 1, 2 ]

v AMD - Advanced Micro Devices

45

2697

26.04.2012 11:14

netpeter77

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Battlefield 3 SKIDROW problem + win7 problem

v Počítačové hry

1

612

22.09.2012 23:51

walther

V tomto fóre nie sú ďalšie neprečítané témy.

Problém s MB ASUS P5K - problém s Realtek

v Ovládače

4

1148

14.06.2008 10:36

$ph!nX

V tomto fóre nie sú ďalšie neprečítané témy.

Problém s HDD / Problém s bootovaním

v Pevné disky a radiče

4

522

22.02.2013 14:08

lucifer666x

V tomto fóre nie sú ďalšie neprečítané témy.

Problém?

v Pamäte

17

1138

05.01.2009 20:21

KingTommy

V tomto fóre nie sú ďalšie neprečítané témy.

Problém?

v Ostatné

5

421

02.11.2010 20:51

jtbs

V tomto fóre nie sú ďalšie neprečítané témy.

problem

v Antivíry a antispywary

4

677

31.07.2008 19:10

dedko45

V tomto fóre nie sú ďalšie neprečítané témy.

problem !

v Operačné systémy Microsoft

1

595

07.08.2008 14:49

zmija31

V tomto fóre nie sú ďalšie neprečítané témy.

problém

v Webhosting a servery

2

733

17.08.2009 17:51

scrysurn

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Problem

v Operačné systémy Microsoft

11

1972

17.11.2008 8:20

driver144

V tomto fóre nie sú ďalšie neprečítané témy.

problem???

v Intel - Integrated Electronics

4

590

12.12.2008 14:27

Atrix24

V tomto fóre nie sú ďalšie neprečítané témy.

Problem

v Ostatné programy

3

225

18.04.2015 14:25

Johnnny

V tomto fóre nie sú ďalšie neprečítané témy.

Problém

v Intel čipové sady

5

958

23.07.2007 20:23

Gigabyte-M



© 2005 - 2021 PCforum, edited by JanoF