Image slider를 응용한 이미지 상.하 Rolling 최신글 스킨입니다.
비즈팔
180.♡.26.213
2015-04-27 21:07
14,164
16
3
배포파일 : image_slider_multi_pud.zip (1.4K)
후원포인트 : 200포인트|다운로드횟수 : 18|최종수정일 : 2015-04-28 23:32:38
본문
* 적용된 결과 샘플
Image slider를 응용한 롤링(rolling) 최신글 이미지 출력 스킨입니다.
제품이나 갤러리 이미지를 롤링 하는데 사용하면 좋을 것 같군요.^^
다운로드 후 압축을 풀면 image_slider_multi_pud 폴더가 있습니다. image_slider_multi_pud 폴더를 아래 업로드 위치에 폴더 채 업로드합니다.
업로드위치 : /eyoom/theme/적용테마/skin_bs/latest/
출력소스
{latest->latest_eyoom('image_slider_multi_pud','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의 설정을 변경 해 주시면 됩니다.
다양하게 응용하여 사용해 보세요.^^
감사합니다.
3
로그인 후 추천 또는 비추천하실 수 있습니다.
댓글목록16
shadow님의 댓글
소중한 자료 감사합니다.
축하합니다. 첫댓글 포인트 2포인트를 획득하였습니다.
비즈팔님의 댓글의 댓글
쓰실 분들이 계실지 모르겠네요.
레오나르도님의 댓글
축하합니다. 지뢰폭탄 포인트 11포인트를 획득하였습니다.
joosam님의 댓글
joosam님의 댓글
비즈팔님의 댓글의 댓글
vertical 지정하는 css를 이미지 사이즈 보다 크게 지정해 보세요.
현재는 120px로 되어 있군요.
값을 바꾸면서 확인해 보세요.
joosam님의 댓글
늦은 시간까지 안 주무시고 고생하십니다~~ 이쁘네요... 다만 col-sm-6으로 줄 경우 우측으로 약간 쏠려있는 듯 합니다....(이것도 사이드 레이아웃을 없애서 그럴지도) 좋은 새벽되세요~~
비즈팔님의 댓글의 댓글
이 스킨은 sidebar가 있는 경우에 적용하는 스킨입니다. ^^
제가 설명이 좀 부족했나 봅니다.
축하합니다. 지뢰폭탄 포인트 92포인트를 획득하였습니다.
joosam님의 댓글
비즈팔님의 댓글의 댓글
제 글에서 지뢰를 밟았네요.^^
편히 쉬세요.
joosam님의 댓글
허비봉님의 댓글
Zest님의 댓글
두번째로 만든 홈페이지에서는 gallery에 있는 사진을 못끌어가네요 ㅠㅠ
Zest님의 댓글
쿱님의 댓글
오늘도좋은날님의 댓글