• 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
121 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 (48,780 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 (48,780 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 (48,780 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 98 wizyt
pytanie zadane 7 września 2017 w HTML i CSS przez kamil29 Obywatel (1,150 p.)
+1 głos
1 odpowiedź 248 wizyt
pytanie zadane 4 maja 2018 w Sprzęt komputerowy przez Wojciech Radtke Gaduła (3,460 p.)
0 głosów
1 odpowiedź 339 wizyt
pytanie zadane 23 października 2017 w JavaScript, jQuery, AJAX przez Ugari Nowicjusz (200 p.)
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

63,336 zapytań

109,595 odpowiedzi

228,945 komentarzy

44,065 pasjonatów

Przeglądających: 238
Pasjonatów: 12 Gości: 226

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.

...