0
I’m having trouble removing a numbering of html I’ve tried everything and nothing the slide looks like this:
And how I would change from img to text?
Html code :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>Secure Elo Bosting</title>
<link rel="stylesheet" href="css/estilos.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/font-awesome.css">
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<script src="js/jquery-3.2.1.js"></script>
<script src="js/main.js"></script>
<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/mains.js"></script>
</head>
<body>
<section id="slide">
<div class="ban">
<div class="flexslider">
<ul class="slides">
<li>
<img src="img/1.jpg" >
</li>
<li>
<img src="img/2.jpg" >
</li>
<li>
<img src="img/3.jpg" >
</li>
</ul>
</div>
</div>
</section>
</body>
</html>
codigo ss:
.flexslider{
height: 100%;
max-width: 800px;
margin-bottom: 30px;
margin: 50px auto;
display: flex;
flex-direction: column;
position: relative;
}
.flexslider ul li {
list-style: none;
}
.slides,
.slides li,
.slides li img{
width: 100%;
}
.slides li{
margin-bottom: -5px;
}
/* RESPONSIVE ========== */
@media screen and (max-width: 600px){
.flexslider{
width: 100%;
border-radius: 0px;
border: none;
}
.slides li{
overflow: hidden;
}
.slides li img{
width: 600px;
}
}
@media screen and (max-width: 450px){
.slides li img{
transform: translateX(-90px);
}
}
but what do you want to do? remove the number ? or put it somewhere else?
– Leonardo Bonetti
I wanted to take those 1 2 3
– Felipe
Old, try to put your code in a snippet, like, use the images on a website and change the url, take the js scripts and put it all in so we can simulate the situation and see what happens?
– Leonardo Bonetti
Are there 3 js codes as I would for all of them in a snippet? it’s like?
– Felipe
Type search for "cdn name_code" CDN is a direct link for you to put in your code
– Leonardo Bonetti
https://cdnjs.com/libraries/flexslider type this ó <<<<<<<<< open ai and give a look
– Leonardo Bonetti
Pow I’m not understanding kkk type have a script q is very small da para passar aqui tem esse ; jquery-3.1.0.min e tem jquery.flexslider q pelo oq vi no site é esse : https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.4/jquery.flexslider.js
– Felipe
$(Document). ready(Function(){ $('.flexslider'). flexslider({ prevText: "", nextText: "", pauseOnAction: false, slideshowSpeed: 3000, touch: true }); });
– Felipe
This is some configuration of the Plugin you used to make the Gallery. You have to go in the Plugin documentation and look for something like this: Pagination="True" ai vc puts "False" in the Script, Normally these Slider plugins have this option. Which one did you use?
– hugocsl
jquery.flexslider and jquery-3.1.0.min this is probably not in jquery.flexslider?
– Felipe
@Felipe calm down, I’ll show you how it works, this time I edit your question to teach you , then next you can do it yourself ok? I’ll edit it and show you
– Leonardo Bonetti
blz @Leonardobonetti vlw brother.
– Felipe
@Felipe tells me what scripts you have made ... like main.js is yours :? tells me everyone that it is your own so I will not be able to insert these
– Leonardo Bonetti
$(Document). ready(Function(){ $('. flexslider'). flexslider({ prevText: "", nextText: "", pauseOnAction: false, slideshowSpeed: 3000, touch: true }); }); aq mano.
– Felipe