• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak naprawić slider?

0 głosów
122 wizyt
pytanie zadane 29 czerwca 2017 w HTML i CSS przez xdmik23 Bywalec (2,100 p.)
otwarte ponownie 29 czerwca 2017 przez Arkadiusz Waluk



<!DOCTYPE html>
<html lang="pl">
<head>
      <meta charset="utf-8">
	  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	  <meta name="viewport" content="width=device-width,initial-scale=1">
	  
       <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
      <link rel="stylesheet" href="css/menu.css">
      <link rel="stylesheet" href="css/style.css">
	  <link rel="stylesheet" href="css/slider.css">
</head>
<body>
  
  <header>
  <nav>
    <!--  for the burger nav button    -->
    <div id="burger-container">
      <div id="burger">
        <span>&nbsp;</span>
        <span>&nbsp;</span>
        <span>&nbsp;</span>
        <span>&nbsp;</span>
      </div>
    </div>

    <!--  nav items    -->
    <ul class="menu">
      <li><a href="#">STRONA GŁÓWNA</a></li>
	  <li><a href="#">OFERTA</a></li>
      <li><a href="#">REALIZACJE</a></li>
       <li><a href="#">FAQ</a></li>
	    <li><a href="#">KONTAKT</a></li>
        </div>
      </li>
    </ul>
   
  </nav>
  
</header>

<div class="content">
  
  <h1 class="project-title">Fully customizable slider </h1>
	<div class="slider">
	  <div class="slide">
	    <h2 class="slide-title">Lorem ipsum</h2>
	    <p class="slide-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.
	  </div>
	  <div class="slide">
	    <h2 class="slide-title">Lorem ipsum 2</h2>
	    <p class="slide-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.</p>
	  </div>
	  <div class="slide">
	    <h2 class="slide-title">Lorem ipsum 3</h2>
	    <p class="slide-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam.
	  </div>
	  <button class="arrow prev"><</button>
	  <button class="arrow next">></button>
		<ul class="slide-nav"></ul>
 </div>
 
  
  
  
</div>
 <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

    <script src="js/slider.js"></script>

  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

    <script src="js/menu.js"></script>

</body>
</html>

Witam,mam problem,bo pobrałem ze strony codepen.io kod do responsywnego menu,a nastepnie do slidera i wszystko połączyłem razem.Niestety coś przeoczyłem,bo po wrzuceniu kodu html slidera do kodu layoutu z menu slider się psuje.Wiem,że stwierdzenie w czym dokładnie jest problem będzie dla was czasochłonne,ale bardzo prosiłbym o pomoc, bo nie mogę sobie z tym poradzić. Poniżej linki do kodu: menu i slidera.Zaznaczam,że nazwy plików w kodzie są dobre bo zmieniałem je z pełną świadomością.

 

http://codepen.io/rookie-cookie/pen/LxyWyz

http://codepen.io/KOB1/pen/WRwBQL

1 odpowiedź

+1 głos
odpowiedź 29 czerwca 2017 przez xmentor Nałogowiec (49,920 p.)

Dwa razy ładujesz jQuery:

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
 <script src="js/slider.js"></script>
 <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
 <script src="js/menu.js"></script>
komentarz 29 czerwca 2017 przez xdmik23 Bywalec (2,100 p.)
no własnie o to chodzi, sam slider jest ok,ale w połaczeniu z kodem do menu wszystko się sypie
komentarz 29 czerwca 2017 przez xmentor Nałogowiec (49,920 p.)
No tutaj się nic nie sypie
komentarz 29 czerwca 2017 przez xdmik23 Bywalec (2,100 p.)
jak to nie skoro zdjecie się ucina
komentarz 29 czerwca 2017 przez xmentor Nałogowiec (49,920 p.)
Nie widzę, żeby coś tam było ucięte. https://jsfiddle.net/fzrtxo2g/2/
komentarz 29 czerwca 2017 przez xdmik23 Bywalec (2,100 p.)
ale u mnie jest  i chciałbym,zeby ten slider był ciągle "przyczepiony" w jednym miejscu

Podobne pytania

0 głosów
0 odpowiedzi 103 wizyt
pytanie zadane 7 września 2017 w HTML i CSS przez kamil29 Obywatel (1,150 p.)
+1 głos
1 odpowiedź 328 wizyt
pytanie zadane 4 maja 2018 w Sprzęt komputerowy przez Wojciech Radtke Gaduła (4,360 p.)
0 głosów
1 odpowiedź 384 wizyt
pytanie zadane 23 października 2017 w JavaScript, jQuery, AJAX przez Ugari Nowicjusz (200 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

65,740 zapytań

112,380 odpowiedzi

237,256 komentarzy

46,695 pasjonatów

Przeglądających: 217
Pasjonatów: 5 Gości: 212

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...