section#slider
{
position: relative;
margin: 0px;
padding: 0px;
top: 0px;
left: 0px;
width: 100%;
background: radial-gradient(ellipse at center 50%, #103d44 0%, #091416 100%);
text-align:center;
overflow: hidden;
z-index: 3;
}
section#slider.slide-container
{
width:100%;
height:100%;
}
section#slider div.slide-container aside#pierwszy{
position: relative;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background: url(bg2.png) no-repeat center;
background-size: cover;
}
section#slider div.slide-container aside#drugi{
position: relative;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background: url(bg.png) no-repeat center top;
background-size: cover;
}
img.wejscie
{
position:relative;
margin: 0px;
padding: 0px;
left:0px;
width: auto;
height: 80%;
}
div.menu {
position: relative;
top: -20px;
width: 100%;
height: 10px;
margin: 0 auto;
text-align:center;
z-index: 4;
}
div.menu a{
color:transparent;
display:inline-block;
width:130px;
height:4px;
background: url(pasek.png) repeat;
margin:auto 5px;
}
div.menu a.activeSlide
{background:grey;}
<section id="slider">
<div class="slide-container group">
<aside id="pierwszy">
<img class="wejscie" src="tlo.png" alt="asdas">
</aside>
</div>
<div class="slide-container group">
<aside id="drugi">
<img class="wejscie" src="tlo1.png" alt="asdasd">
</aside>
</div>
</section>
<section id="technics">
</section>
<a name="omnie"></a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script>
$(document).ready(function()
{
$('#slider')
.after('<div class="menu">') //tworzymy nawigacje
.cycle({
fx: 'scrollHorz', //rodzaj animacji
speed: 'slow', //szybkość przejścia
timeout: 18000, //czas między slajdami
next: '#slider',//określamy element, który przenosi nas do następnego slidu
pager: '.menu' //określamy nawigację
});
});
</script>
Stworzyłem sobie slajder i mam problem z width, po załadowaniu strony jest 100% ekranu ale szybko znika i jest jakieś 75%. Odświeżenie strony na chwilę ładuje slider na 100% ale jest to ledwo zauważalne bo szybko znika do tych 75%.
Kompletnie nie wiem co est problemem, może ktoś ma jakiś pomysł?