목록으로

슬라이드의 좌우 화살표 모양은 어디에서 바꿔야 할까요? 채택완료

하하하00 4년 전 조회 1,638

답변 2

http://tamjin-eco.com/index.php

메인 중간의 대외협력 슬라이드의

좌우 버튼이 마음에 안들어서 바꿀려고 하는데 어디에서 바꿔야 할지 찾지를 못해서 질문드려요!!

이 부분이 메인페이지 소스에는 없는데 슬라이드가 활성화 되면서 나와요. fa-long-arrow를 일반적인 화살표로 바꾸고 싶은데 어딜 손대야 할지 ㅠ ㅠ

#그누보드5

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

정렬:

채택된 답변

+20 포인트

4번가

4년 전

http://tamjin-eco.com/js02/main.js

여기 들가면...

있어요...

</p>

<pre>
/*====================================
			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,
					}
				},
			]
			});	</pre>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�

하하하00

4년 전

도와주셔서 감사합니다 ^^

댓글을 작성하려면 로그인이 필요합니다.

Ziel

4년 전

https://fontawesome.com/v5.15/icons?d=gallery&p=2

여기서 원하는 아이콘을 찾으신 후에 Starting Using This Icon 버튼을 누르시면

과 같은 코드가 나옵니다. 해당 화살표 ~ 부분과 바꿔주시면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

�

하하하00

4년 전

<i class="아이콘 class 명"></i> 이 부분이 소스에 없어요 ㅠ ㅠ

<div class="row">
<div class="col-12">
<div class="row blog-slider">
<div class="col-lg-4 col-12">

<div class="single-blog">
<div class="blog-head">
<img src="images/blogs/blog1.jpg" alt="#">
</div>
</div>

</div>
<div class="col-lg-4 col-12">

<div class="single-blog">
<div class="blog-head">
<img src="images/blogs/blog2.jpg" alt="#">
</div>
</div>

</div>

소스가 이런 식으로 구성되어 있어요.

---------------------------------------------

<i class="아이콘 class 명"></i> 이 부분을 저도 찾고 싶은데 어디에 있는건지 찾을수가 없어요

Ziel

4년 전

위치를 못 찾으신거 였군요 ㅠㅠ jquery slick slider로 만들어진 형태입니다. 아랫분 말씀처럼 http://tamjin-eco.com/js02/main.js에서 blog-slider를 찾아주세요

�

하하하00

4년 전

Ziel님! 도와주셔서 감사합니다 ^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

슬라이드의 좌우 화살표 모양은 어디에서 바꿔야 할까요? 채택완료

답변 2개

답변에 대한 댓글 1개

답변에 대한 댓글 3개

공유하기