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/#