0
I have a problem, I took a code from a video lesson and a jquery too, I’m using both, I put the codes exactly as they were in the video, but even so my arrow doesn’t appear, it’s like an A on it, I put an image to improve the visualization, how could I proceed? the path of jquery ta all right, java too, all in the right folders and has been reviewed more than once, I thank anyone who can help me, hug.
https://i.stack.Imgur.com/eOezn.png
My slide html code:
h1 class="inicial"Adicionados Recentemente /h1 div class="carousel"
div a href="#" img class="slide" src="img/01.png" alt="js" / /div /a
div a href="#" img src="img/02.png" alt="java" / /div> /a
Javascript code:
script
$('.carousel').slick({
dots: true,
infinite: true,
speed: 500,
slidesToShow: 4,
slidesToScroll: 1,
});
/script
CSS code:
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
Ask the question the code of where this A appears.
– Sam
That over there is either pq used some special font like Fontawesome or something like that that you didn’t index in css and didn’t put in the folder, or else it is pq used a Unicode character code and you put the Hexadecimal something like this... But put your code there at least the HTML/CSS
– hugocsl
Using "Java" to refer to "Javascript" is the same thing as using "dog" to refer to "hot dog". They’re two completely different things!
– Victor Stafusa
The code got all wrong.
– Sam
Can replicate in jsfiddle application. It will be easier to help.
– Tiago Gomes
Jhonatan, as I understand it, you are reversing the closure of the "div" and the "a". It is being opened to "div", then to "a", but when closing, it is being closed first to "div" and then to "a", where it should be the opposite. <div><a>...</a></div>. Yours is getting like this: <div><a>...</div></a>. It may be that this is disturbing something.
– Rodrigo Tognin