이미지 슬라이더 최신글 Wide로 적용하기 > 시즌3 공유자료실

eyoom/theme/basic/skin_bs/latest/image_slider
를 복사해서 아주 약간 수정했습니다.

사소한 내용이어서 수정한 사항만 알려드려도 될 터이지만
'image_slider'와 병행하려면 별도의 스킨이 있어야 하기에 따로 올립니다.

eyoom/theme/basic/css/common.css

carousel-e1
아래에...

/*carousel-e2*/
.carousel-e2 .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 7px 15px;
    background: rgba(0, 0, 0, 0.5);
}

.carousel-e2 .carousel-caption p {
    color: #fff;
    margin-bottom: 0;
}

.carousel-e2 .carousel-arrow a.carousel-control {
    opacity: 1;
    font-size:16px;
    height:inherit;
    width: inherit;
    background: none;
    text-shadow: none;
    position: inherit;
}

.carousel-e2 .carousel-arrow a i {
    top: 50%;
    opacity: 0.6;
    background: #000;
    margin-top: -15px;
    position: absolute;
    color: #fff;
    padding: 7px 12px;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px;
}
.carousel-e2 .carousel-arrow a i:hover {
    opacity: 0.8;
    color: #e33334;
}

.carousel-e2 .carousel-arrow a.left i {
    left: 0;
}
.carousel-e2 .carousel-arrow a.right i {
    right: 0;
}

eyoom/theme/basic/skin_bs/latest/image_slider_w/latest.skin.html

이미지와 제목에는 해당글 주소의 링크가 걸립니다.

<a href="{.href}"><img class="img-responsive" src="{.image}" alt=""></a>

이미지마다 각기 다른 링크를 원하는 경우는...
게시판을 따로 만들지 말고
(latest.skin.html) 아래의 sample 예제를 이용합니다.

eyoom/theme/basic/skin_bs/latest/image_slider_w/style.css

max-height: 300px;

eyoom/theme/basic/layout/head_bs.html

<!--=== End Header ===-->

<!--{? defined('_INDEX_') || defined('_EYOOM_MYPAGE_')}-->

<!--=== End Header ===-->
<div>
    <!--------------- EBL Image Slider Wide 최신글 영역 시작 --------------->
    <!--{latest->latest_eyoom('image_slider_w','title=게시판 제목||bo_table=게시판 아이디||count=5||cut_subject=50||img_view=y||bo_direct=n||img_width=1920')}-->
    <!--------------- EBL Image Slider Wide 최신글 영역 끝 --------------->
</div>
<!--{? defined('_INDEX_') || defined('_EYOOM_MYPAGE_')}-->

위에서 말씀드린 sample 예제를 이용하는 경우에는 '가상의 게시판 아이디'를 입력해줍니다.