Szanowni Państwo
Kod```
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, user-scalable=yes"> <link rel="shortcut icon" type="image/x-icon" href="https://vg.3n.com.pl/vg_data/vg.ico"> <title>Slider 3N</title> <link href="boxes.css" rel="stylesheet"> <script src="https://vg.3n.com.pl/boxes/n3csslider.js" defer="defer"> </script> </head> <body>
Nie uruchamia dwóch Slajderów na stronie, tak jak na stronie http://www.drwieganieruchomosci.pl/, które poruszają, przesuwają zdjęcia na stronie. Można prosić również kod css ?
Udało mi się zrobić jeden slajder za pomocą programu:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, user-scalable=yes">
<link rel="shortcut icon" type="image/x-icon" href="https://vg.3n.com.pl/vg_data/vg.ico">
<title>Slider 3N</title>
<link href="boxes.css" rel="stylesheet">
<script src="n3csslider.js" defer></script>
</head>
<body>
<figure>
</figure>
<figure>
</figure>
<figure>
</figure>
<figure>
</figure>
<figure>
</figure>
<figure>
</figure>
<figure>
</figure>
<figure>
</figure>
<figure>
</figure>
</div>
<script>
addEventListener('load', function(){
var slider=new N3CSslider(document.getElementById('slider')); //uruchamia slider i podpina go pod diva z id=slider
slider.addSection(1);//dodaje sekcję o szerokości 300px
slider.addSection(1);//dodaje sekcję o szerokości 300px
slider.addSection(1);//dodaje sekcję o szerokości 300px
slider.appendSlides('box');//dodaje wszystkie div z id="box" plus "-numer"
slider.setTimeShow(2000);//ustawia czas wyświetlania na 2000 ms
slider.start();//uruchamia automatyczne przesuwanie
addEventListener('resize', function(){ //podpina slider pod zdarzenie "resize"
slider.resize();
})
})
</script>
</body>
</html>
Kod css to:
html, body, figute{overflow:hidden; margin: 0; padding: 10px; height: 100%; background-color:#000000,background-position: center bottom; }
.slider{
width:100%;
height:200px;
background-color:#000000;
background-position: center bottom;
}
.box{
width:10px;
height:20px;
display:none;
background-position: center bottom;
Nie wiem jak dołożyć drugi taki sam slajder. Zwracam się z uprzejmą prośbą o szczegółowe odpowiedzi, najlepiej z kodem CSS, Dziękuję za pomoc.