Image slider를 응용한 이미지 좌우로정렬, 좌우로정렬 좌-우 Rolling 최신글 스킨입니다.
비즈팔
180.♡.26.213
2015-04-30 22:28
12,821
17
2
배포파일 : image_slider_multi_main_lr.zip (1.3K)
후원포인트 : 200포인트|다운로드횟수 : 24|최종수정일 : 2015-04-30 22:28:00
본문
Image slider를 응용한 이미지 좌우로정렬, 좌우로정렬 좌-우 Rolling 최신글 스킨입니다. ^^
( * 참고로 이 스킨은 메인화면에 sidebar가 없는 full width용 입니다. )
* 적용 결과 동작 보기
다운로드 후 압축을 풀면 image_slider_multi_main_lr 폴더가 있습니다. image_slider_multi_main_lr 폴더를 아래 업로드 위치에 폴더 채 업로드합니다.
업로드위치 : /eyoom/theme/적용테마/skin_bs/latest/
출력소스
{latest->latest_eyoom('image_slider_multi_main_lr','title=제품||bo_table=보드명||count=8||cut_subject=30||img_view=y||bo_direct=n||img_width=190||cols=5')}
원하시는 보드명으로 바꿔 주시고 추출할 갯수를 count= 에 지정, 한줄에 출력할 갯수를 cols= 에 지정 하시면 됩니다.
cols를 수정 하였을 경우 그에 맞게 style.css도 수정을 해 주어야 합니다.
슬라이드 시간 조절
/eyoom/theme/적용테마/js 폴더 내 app.js파일 하단의 스크립트에서 interval의 설정을 변경 해 주시면 됩니다.
스킨작업은 계속 됩니다. To be continued... .^^
감사합니다.
2
로그인 후 추천 또는 비추천하실 수 있습니다.
댓글목록17
joosam님의 댓글
축하합니다. 첫댓글 포인트 4포인트를 획득하였습니다.
joosam님의 댓글
비즈팔님의 댓글의 댓글
( * 참고로 이 스킨은 메인화면에 sidebar가 없는 full width용 입니다. ) 라고 단서를 달아 놓았는데요.
어떻게 깨졌는지 알수가 없네요.
joosam님의 댓글
비즈팔님의 댓글의 댓글
그럴경우 레이아웃이 뒤틀어 질수 있죠.
비즈팔님의 댓글의 댓글
pud와 lr사이에 넣어 보세요.
joosam님의 댓글
여기서 연결 파일명이 image_slider_multi_lr > image_slider_multi_main_lr 였습니다... 역시 모르면 삽질을 이렇게 한다는...
상단의 코드 수정해 주세요~~
요건 사이드있게 붙이려면 어딜 수정해야 할까요~~
축하합니다. 행운의 포인트 58포인트를 획득하였습니다.
비즈팔님의 댓글의 댓글
정신없이 올리다 보니 오류가 있었네요.
수정 했습니다.
지적 감사합니다. ^^
비즈팔님의 댓글의 댓글
<div class="col-sm-2" style="margin: 0 10px;"> 에서 10px -> 5px로 하시고
cut_subject를 cut_subject=15정도로 해 보세요.
참고로 사이드바 있는 경우는
image_slider_multi_page_lr로 복사해서 사용하고 있습니다. ^^
축하합니다. 행운의 포인트 59포인트를 획득하였습니다.
joosam님의 댓글
비즈팔님의 댓글의 댓글
잘 쓰신다니 다행입니다. 휴~ ^^
허비봉님의 댓글
주주봉봉님의 댓글
wrappin님의 댓글
축하합니다. 행운의 포인트 32포인트를 획득하였습니다.
Zest님의 댓글
오늘도좋은날님의 댓글
맑은우산님의 댓글