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

Jak naprawić slider?

VPS Starter Arubacloud
0 głosów
407 wizyt
pytanie zadane 29 czerwca 2017 w HTML i CSS przez xdmik23 Gaduła (3,000 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,520 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 Gaduła (3,000 p.)
i to powoduje problem?
komentarz 29 czerwca 2017 przez xdmik23 Gaduła (3,000 p.)
wydaje mi się,że pomieszałem coś z miejscem umiejscowienia tych jquery ale już sam nie wiem o co chodzi
komentarz 29 czerwca 2017 przez xmentor Nałogowiec (49,520 p.)
Chyba nie przez to nie działa(ale usuń te drugie jQuery), na szybko skopiowałem kod i u mnie działa.
komentarz 29 czerwca 2017 przez xdmik23 Gaduła (3,000 p.)
u mnie też się wyświetla,ale na dole zdjęcie jest przecięte
komentarz 29 czerwca 2017 przez xdmik23 Gaduła (3,000 p.)
to jest dziwne,że masz to samo i działa a u mnie nie
komentarz 29 czerwca 2017 przez xmentor Nałogowiec (49,520 p.)
Pisząc 'slider się psuje' miałeś na myśli, że ucina zdjęcie, ale wszystko inne działa?
komentarz 29 czerwca 2017 przez xdmik23 Gaduła (3,000 p.)
tak
komentarz 29 czerwca 2017 przez xdmik23 Gaduła (3,000 p.)
i poza uciętym zdjęciem slider nie jest ciągle w jednym miejscu tylko przesuwa się przy scrollowaniu
komentarz 29 czerwca 2017 przez xmentor Nałogowiec (49,520 p.)
komentarz 29 czerwca 2017 przez xdmik23 Gaduła (3,000 p.)

no tak to wyglada,a wiesz jak naprawić?


 

komentarz 29 czerwca 2017 przez xmentor Nałogowiec (49,520 p.)
Tylko, ze to tu nie ma nic do naprawiania(oprócz tego paska na sliderze). Wszystko wyświetla się prawidłowo
komentarz 29 czerwca 2017 przez xdmik23 Gaduła (3,000 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,520 p.)
No tutaj się nic nie sypie
komentarz 29 czerwca 2017 przez xdmik23 Gaduła (3,000 p.)
jak to nie skoro zdjecie się ucina
komentarz 29 czerwca 2017 przez xmentor Nałogowiec (49,520 p.)
Nie widzę, żeby coś tam było ucięte. https://jsfiddle.net/fzrtxo2g/2/
komentarz 29 czerwca 2017 przez xdmik23 Gaduła (3,000 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 233 wizyt
pytanie zadane 7 września 2017 w HTML i CSS przez kamil29 Obywatel (1,230 p.)
+1 głos
1 odpowiedź 1,631 wizyt
pytanie zadane 4 maja 2018 w Sprzęt komputerowy przez niezalogowany
0 głosów
1 odpowiedź 1,390 wizyt
pytanie zadane 23 października 2017 w JavaScript przez Ugari Nowicjusz (200 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...