http://tamjin-eco.com/index.php
메인 중간의 대외협력 슬라이드의
좌우 버튼이 마음에 안들어서 바꿀려고 하는데
어디에서 바꿔야 할지 찾지를 못해서 질문드려요!!
<i class="fa fa-long-arrow-left" aria-hidden="true"></i>
<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
이 부분이 메인페이지 소스에는 없는데 슬라이드가 활성화 되면서 나와요.
fa-long-arrow를 일반적인 화살표로 바꾸고 싶은데 어딜 손대야 할지 ㅠ ㅠ
|
답변 2개 / 댓글 4개
채택된 답변
+20 포인트
2021-09-14 (화) 13:15:01
http://tamjin-eco.com/js02/main.js
여기 들가면...
있어요...
Copy
/*====================================
Blog Slider JS
======================================*/
$(".blog-slider").slick({
autoplay:true,
speed: 700,
autoplaySpeed: 3500,
slidesToShow: 5,
pauseOnHover: true,
dots: false,
arrows:true,
cssEase: 'ease',
speed: 500,
arrows:true,
draggable: true,
prevArrow: '<button class="Prev"><i class="fa fa-long-arrow-left" aria-hidden="true"></i></button>',
nextArrow: '<button class="Next"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></button>',
responsive: [{
breakpoint: 800,
settings: {
arrows:true,
slidesToShow: 2,
}
},
{
breakpoint: 600,
settings: {
arrows:true,
slidesToShow: 1,
}
},
{
breakpoint: 350,
settings: {
arrows:true,
slidesToShow: 1,
}
},
]
});답변에 대한 댓글 1개
2021-09-14 (화) 11:25:26
https://fontawesome.com/v5.15/icons?d=gallery&p=2
여기서 원하는 아이콘을 찾으신 후에 Starting Using This Icon 버튼을 누르시면
<i class="아이콘 class 명"></i>과 같은 코드가 나옵니다. 해당 화살표 <i> ~</i> 부분과 바꿔주시면 됩니다.
답변에 대한 댓글 3개
하하하00
2021-09-14 (화) 11:30:28
<i class="아이콘 class 명"></i> 이 부분이 소스에 없어요 ㅠ ㅠ
<div class="row">
<div class="col-12">
<div class="row blog-slider">
<div class="col-lg-4 col-12">
<!-- Single Blog -->
<div class="single-blog">
<div class="blog-head">
<img src="images/blogs/blog1.jpg" alt="#">
</div>
</div>
<!-- End Single Blog -->
</div>
<div class="col-lg-4 col-12">
<!-- Single Blog -->
<div class="single-blog">
<div class="blog-head">
<img src="images/blogs/blog2.jpg" alt="#">
</div>
</div>
<!-- End Single Blog -->
</div>
소스가 이런 식으로 구성되어 있어요.
---------------------------------------------
<i class="아이콘 class 명"></i> 이 부분을 저도 찾고 싶은데 어디에 있는건지 찾을수가 없어요
<div class="row">
<div class="col-12">
<div class="row blog-slider">
<div class="col-lg-4 col-12">
<!-- Single Blog -->
<div class="single-blog">
<div class="blog-head">
<img src="images/blogs/blog1.jpg" alt="#">
</div>
</div>
<!-- End Single Blog -->
</div>
<div class="col-lg-4 col-12">
<!-- Single Blog -->
<div class="single-blog">
<div class="blog-head">
<img src="images/blogs/blog2.jpg" alt="#">
</div>
</div>
<!-- End Single Blog -->
</div>
소스가 이런 식으로 구성되어 있어요.
---------------------------------------------
<i class="아이콘 class 명"></i> 이 부분을 저도 찾고 싶은데 어디에 있는건지 찾을수가 없어요
2021-09-14 (화) 15:45:05
위치를 못 찾으신거 였군요 ㅠㅠ jquery slick slider로 만들어진 형태입니다. 아랫분 말씀처럼 http://tamjin-eco.com/js02/main.js에서 blog-slider를 찾아주세요
답변을 작성하려면 로그인이 필요합니다.