본문 바로가기

IT 개념

JSTL 슬라이드 적용

https://bxslider.com/install/

 

 

해당 사이트에서 제공하는 이미지 슬라이드를 JSTL 에 적용하기 위해서는 먼저

이미지 슬라이드를 추구하고자 하는 jsp 에 해당 link와 script를 삽입합니다.

해당 코드들은 위의 참조한 사이트의 Install 부분에 있습니다.

그 후, 배열형식으로 가져오는 코드 위에 <div>로 감싼 후 class="slider"를 추가합니다.

class="slider" 는 해당 jQuery를 만든 사람이 정한 명이므로 바뀌어서는 안됩니다.

해당 배열에 포함된 최신이미지 3개를 가져옴을 확인할 수 있습니다.

※ 이미지를 클릭했을 때, 해당 게시글로 이동하고 싶어서 링크를 걸었는데,

슬라이드가 이동하는 도중에 이미지를 클릭하였을 때는 이동하나

슬라이드가 다 이동한 후에 이미지를 클릭하면 이동하지 않습니다..

 

'IT 개념' 카테고리의 다른 글

Spring 아이디 찾기 기능  (0) 2021.07.22
bxslider 를 사용한 후 이미지 링크가 적용되지 않을 때  (0) 2021.07.22
Bootstrap pagination 가운데 정렬  (0) 2021.07.19
MultipartFile API  (0) 2021.06.30
자바 File 클래스  (0) 2021.06.30