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

Slider od Flexslider

VPS Starter Arubacloud
0 głosów
312 wizyt
pytanie zadane 25 maja 2018 w HTML i CSS przez Kurab188 Nowicjusz (210 p.)

Witam. Moim problem jest slider od Flexslider, zrobiłem wszystko co miałem zrobić, krok po kroku. Wszystko się udało, lecz jedna rzecz poległa, a mianowicie nie wyświetlają mi się strzałki na stronie do przewijania zdjęć. 

Żeby przytoczyć mój problem dodam jedno zdjęcie, jest na nim zamieszczony wygląd mojej strony oraz jak to powinno wyglądać po najechaniu myszy - https://zapodaj.net/d51dd36c19095.png.html 

Kod źródłowy - 

<html>

	<head>
	
		<meta charset="UTF-8">
		<meta name="description" content="Izba Regionalna w Starzynie">
		<meta name="keywords" content="Starzyno, Izba Regionalna, Szkoła">
		<meta name="author" content="Jakub Radtke">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
		<title>Izba Regionalna</title>
		
		<link rel="icon" href="img\icon\16.png" type="image/x-icon" sizes="16x16">
		<link rel="icon" href="img\icon\32.png" type="image/x-icon" sizes="32x32">
		<link rel="icon" href="img\icon\48.png" type="image/x-icon" sizes="48x48">
		<link rel="icon" href="img\icon\64.png" type="image/x-icon" sizes="64x64">
				
		<link rel="stylesheet" type="text/css" href="css/style2.css"/>
		<link rel="stylesheet" type="text/css" href="css/slick.css"/>
		<link rel="stylesheet" type="text/css" href="css/slick-theme.css"/>
		<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
		
		<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/slick.min.js"></script>
		<script type="text/javascript" src="js/jquery.sticky.js"></script>	
        <script src="js/jquery.flexslider.js"></script>
        <script src="js/modernizr.js"></script>
		
		<script type="text/javascript" charset="utf-8"> 
             $(window).load(function() {
             $('.flexslider').flexslider({
             animation: "slide"
             });
             });
        </script>
		
	</head>
	
	<body>
		      
	   <section>
	   	   	   
	   <nav>
	   
	   <div id="naglowek">
	   
			
			<a href="index.html">
			
				<div id="logo">
				    
				    <img id="icon" src="img\logo\logo.png"/>
					<div id="icon"></div>							
					<span id="logo-text">Izba Regionalna</span>
					<div id="logo-text2">w Starzynie</div>
					
				
				</div>
				
			</a>
			
		  <ol class="menu2">
		  
		       <li><img id="menu" src="img\menu\menu.png">
			   
		        <ul>
				 <li id="kropka">.<br/>
				 .</li>
				</ul>
				
                <ul>				
				 <li><a href="historia-izby.html">Historia Izby</a></li>
				 <li><a href="#Informacje">Informacje</a></li>				 
				 <li><a href="ekspozycje.html">Ekspozycje<a/></li>
				 <li><a href="#Zdjęcia">Ciekawostki</a></li>
				 <li><a href="#Ciekawostki">Patron<a/></li>			 
				 <li><a href="#Szkoła">Szkoła</a></li>
			    </ul>
				
		      </li>
			  		  
		   </ol>
		   
		
		 </div>		
	   
	   </nav>
	   
	   
	   
	   </section>
	   
	   <section id="main2">	   
	   
	   <section id="main">
	   

                <div class="flexslider">
                   <ul class="slides">
                       <li>
                            <img src="img/glowna/1.jpg" />
                       </li>
                       <li>
                            <img src="img/glowna/2.jpg" />
                        </li>
                  </ul>
              </div>
				
	   
	       <article>		 		
			 
           </article>
            			              			 			  	   		   	   	   	   	   
	   </section>
	   
	   
	    <aside id="aside">
		
		<article>
		
		<div class="vertical-menu">
		      
			<div class="menu-izby">
			
			   <div class="menu-izby-text">Menu Izby</div>
			   
			</div>			
		
		</article>
		
		<article>
		
		<div class="vertical-menu">
		
		    <div class="aside-text">
			
			  <a href="historia-izby.html">Historia Izby</a> 
			  
			</div>  
		
		    <div class="aside-text">   
		       
			  <a href="#">Informacje</a> 			  
			  
			</div>

            <div class="aside-text">   
		       
			  <a href="#">Ekspozycje</a> 
			  		  
			</div>

            <div class="aside-text">   
		       
			  <a href="#">Ciekawostki</a> 
			  		  
			</div>

            <div class="aside-text">   
		       
			  <a href="#">Patron szkoły</a> 
			  		  
			</div>

           <div class="aside-text">   
		       
			  <a href="#">Historia szkoły</a> 
			  		  
			</div>		
			   
		</article>
		
		</aside>
		
		<div style="clear:both"></div>
		
		</section>
		
	
	   
	   </body>
	   
</html>	   

Link do Flexslider - https://woocommerce.com/flexslider/# 

komentarz 25 maja 2018 przez pablop76 VIP (123,180 p.)
W takim razie przenosisz w złe miejsce.
komentarz 25 maja 2018 przez Kurab188 Nowicjusz (210 p.)
Wątpię, ale okey :)
komentarz 25 maja 2018 przez pablop76 VIP (123,180 p.)
Nie mam teraz dostępu do kompa. Może się mylę. Jak nie dostaniesz odpowiedzi, sprawdzę wieczorem.
komentarz 25 maja 2018 przez Kurab188 Nowicjusz (210 p.)
Okey, dzięki
komentarz 25 maja 2018 przez Kurab188 Nowicjusz (210 p.)
Problem rozwiązany, chociaż nie do końca

Jak mam css od FlexSlidera w folderze css to nie działa, a jak mam w folderze z html to działa normalnie, dziwne

1 odpowiedź

+1 głos
odpowiedź 25 maja 2018 przez pablop76 VIP (123,180 p.)
wybrane 25 maja 2018 przez Kurab188
 
Najlepsza
To nie jest dziwne. Poczytaj o adresach względnych i bezwzględnych. Wrzuć fonts do folderu css i powinno być ok. Oczywiście css od slidera spowrotem do css

Podobne pytania

0 głosów
1 odpowiedź 162 wizyt
pytanie zadane 25 stycznia 2017 w JavaScript przez Radekol Bywalec (2,880 p.)
0 głosów
2 odpowiedzi 219 wizyt
pytanie zadane 7 kwietnia 2021 w HTML i CSS przez AgentTecza Obywatel (1,810 p.)
+1 głos
1 odpowiedź 261 wizyt
pytanie zadane 25 marca 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)

92,775 zapytań

141,703 odpowiedzi

320,571 komentarzy

62,111 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

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!

...