| | |
| Stránka: 1 z 1
| [ Príspevkov: 11 ] | |
Autor | Správa |
---|
Registrovaný: 05.03.21 Prihlásený: 10.05.21 Príspevky: 6 Témy: 1 |
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/kgysgrPKod - https://jsfiddle.net/c2seab1n/
|
|
Registrovaný: 19.03.07 Prihlásený: 26.03.24 Príspevky: 7076 Témy: 85 Bydlisko: BA | Napísal void: 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 |
|
Registrovaný: 05.03.21 Prihlásený: 10.05.21 Príspevky: 6 Témy: 1 | Napísal autor témy Kopco38: 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.
|
|
Registrovaný: 19.03.07 Prihlásený: 26.03.24 Príspevky: 7076 Témy: 85 Bydlisko: BA | Napísal void: 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 |
|
Registrovaný: 05.03.21 Prihlásený: 10.05.21 Príspevky: 6 Témy: 1 | Napísal autor témy Kopco38: 06.03.2021 10:22 | |
|
Áno, s jedným to ide v pohode. Zdrojáky to je celý html kod a css?
|
|
Registrovaný: 19.03.07 Prihlásený: 26.03.24 Príspevky: 7076 Témy: 85 Bydlisko: BA | Napísal void: 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 |
|
Registrovaný: 05.03.21 Prihlásený: 10.05.21 Príspevky: 6 Témy: 1 | |
Registrovaný: 19.03.07 Prihlásený: 26.03.24 Príspevky: 7076 Témy: 85 Bydlisko: BA | Napísal void: 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 |
|
Registrovaný: 05.03.21 Prihlásený: 10.05.21 Príspevky: 6 Témy: 1 | Napísal autor témy Kopco38: 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.
|
|
Registrovaný: 05.03.21 Prihlásený: 10.05.21 Príspevky: 6 Témy: 1 | Napísal autor témy Kopco38: 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
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
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-pagea 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 |
|
| Stránka: 1 z 1
| [ Príspevkov: 11 ] | |
| 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
|
|