Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 11 ] 
AutorSpráva
Offline

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

Registrovaný: 05.03.21
Prihlásený: 10.05.21
Príspevky: 6
Témy: 1
Príspevok NapísalOffline : 05.03.2021 11:36

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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 05.03.2021 14:19

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ý: 10.05.21
Príspevky: 6
Témy: 1
Príspevok Napísal autor témyOffline : 05.03.2021 14:31

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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 05.03.2021 14:58

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ý: 10.05.21
Príspevky: 6
Témy: 1
Príspevok Napísal autor témyOffline : 06.03.2021 10:22

Á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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 06.03.2021 19:37

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ý: 10.05.21
Príspevky: 6
Témy: 1
Príspevok Napísal autor témyOffline : 10.03.2021 10:04

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ý: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 10.03.2021 12:25

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ý: 10.05.21
Príspevky: 6
Témy: 1
Príspevok Napísal autor témyOffline : 10.03.2021 12:55

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ý: 10.05.21
Príspevky: 6
Témy: 1
Príspevok Napísal autor témyOffline : 21.03.2021 22:09

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ý: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 23.03.2021 20:23

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: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

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

MOBIL: XiaomiMi 9T
Odpovedať na tému [ Príspevkov: 11 ] 


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

232

18.10.2013 9:45

Majky1990 Zobrazenie posledných príspevkov

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

1332

23.01.2015 16:06

Stary Zobrazenie posledných príspevkov

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

2106

23.03.2009 10:41

FERDA23 Zobrazenie posledných príspevkov

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

1528

22.09.2012 23:51

walther Zobrazenie posledných príspevkov

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

4670

26.04.2012 11:14

netpeter77 Zobrazenie posledných príspevkov

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

2272

14.06.2008 10:36

$ph!nX Zobrazenie posledných príspevkov

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

1436

22.02.2013 14:08

lucifer666x Zobrazenie posledných príspevkov

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

v Pevné disky a radiče

7

580

22.09.2009 17:28

Milan.H Zobrazenie posledných príspevkov

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

v Operačné systémy Microsoft

1

919

07.08.2008 14:49

zmija31 Zobrazenie posledných príspevkov

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

v Operačné systémy Microsoft

13

1037

09.11.2007 10:43

Fabi Zobrazenie posledných príspevkov

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

v Ostatné

1

467

07.12.2008 13:58

marzo Zobrazenie posledných príspevkov

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

v Ostatné grafické karty

10

1143

22.09.2009 12:37

mr_HANN Zobrazenie posledných príspevkov

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

v Sieťové a internetové programy

3

462

11.07.2008 13:47

Jaro Zobrazenie posledných príspevkov

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

v Webhosting a servery

2

1034

17.08.2009 17:51

scrysurn Zobrazenie posledných príspevkov

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

v PHP, ASP

3

444

13.01.2009 18:51

Tominator Zobrazenie posledných príspevkov

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

v Antivíry a antispywary

1

638

02.11.2008 13:18

Mandy Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra