영카트 등에서도 사용 가능한 메인이미지용 롤링 이미지 정보
영카트 등에서도 사용 가능한 메인이미지용 롤링 이미지
관련링크
http://ready2click.com/sub/t.php
419회 연결
첨부파일
본문
보통 플래쉬로 많이 이용되는 롤링이미지를 JQuery로 구현을 함 해보았어요!~
죄다 영문으로만 작업을 해서 문자셋은 상관 없이 사용 가능하시고요
사용법은 첨부파일내에 34번째 줄 부터
요 부분을 ["이미지주소","링크주소"]
이런식으로 사용하시면 되고요!~
갯수는 상관 업지만 최소 갯수는 최소 보이는 갯수+2 개로 하시면 되요!~
예제는 5개가 보이기 때문에 최소 7개 정도를 세팅해주시면 되요!~
기본 가로 사이즈는 900px로 맞췄는데요.
사이즈는 스타일 시트에서 사이즈만 변경하시면 적용이 됩니다. ^^
물론 내부 이미지 사이즈도 변경이 가능 합니다. ^^
테스트 URL : http://ready2click.com/sub/t.php
----------------------------------------------------------------------------------------------
추가로 추천 좀...
추천으로 먹고 사는 인생입니다... ㅎㅎ
많은 추천은 다음 플러그인 개발에 도움이 됩니다. ^^
죄다 영문으로만 작업을 해서 문자셋은 상관 없이 사용 가능하시고요
사용법은 첨부파일내에 34번째 줄 부터
var sItemList = [
["/images/sub/m1.jpg","/sub/company.php"]
,["/images/sub/m2.jpg","/sub/company.php"]
,["/images/sub/m3.jpg","/sub/company.php"]
,["/images/sub/m4.jpg","/sub/company.php"]
,["/images/sub/m5.jpg","/sub/company.php"]
,["/images/sub/m1.jpg","/sub/company.php"]
,["/images/sub/m2.jpg","/sub/company.php"]
,["/images/sub/m3.jpg","/sub/company.php"]
];
요 부분을 ["이미지주소","링크주소"]
이런식으로 사용하시면 되고요!~
갯수는 상관 업지만 최소 갯수는 최소 보이는 갯수+2 개로 하시면 되요!~
예제는 5개가 보이기 때문에 최소 7개 정도를 세팅해주시면 되요!~
기본 가로 사이즈는 900px로 맞췄는데요.
사이즈는 스타일 시트에서 사이즈만 변경하시면 적용이 됩니다. ^^
물론 내부 이미지 사이즈도 변경이 가능 합니다. ^^
테스트 URL : http://ready2click.com/sub/t.php
----------------------------------------------------------------------------------------------
추가로 추천 좀...
추천으로 먹고 사는 인생입니다... ㅎㅎ
많은 추천은 다음 플러그인 개발에 도움이 됩니다. ^^
추천
6
6
댓글 전체
좋으네요.~~
첫번째로 추천해드립니다
첫번째로 추천해드립니다
ㅋㅋ 감사합니다.
감사합니다. 초자입니다.
메인페이지에 올리려면 경로와 구현방법을 몰라서요!!!
부탁드립니다.
수고하세요!!!
메인페이지에 올리려면 경로와 구현방법을 몰라서요!!!
부탁드립니다.
수고하세요!!!
이건 그냥 소스로 올리시면 되시는 거고요.
따로 설치가 필요 없습니다.
따로 설치가 필요 없습니다.
감사합니다.
추천합니다.. 감사합니다
ie7 인데.. 이미지가 움직이지 않습니다.
그리고..
["/main_banner/main1.jpg","google.com"]
했는데.. 링크로 이동이 안됩니다. 왜그러죠?
그래도 일단 추천!!! 감사합니다. 그리고 답글좀 부탁드려요. ;; ^^
그리고..
["/main_banner/main1.jpg","google.com"]
했는데.. 링크로 이동이 안됩니다. 왜그러죠?
그래도 일단 추천!!! 감사합니다. 그리고 답글좀 부탁드려요. ;; ^^
ie8 로 업그레이드 해도 안되네요.
좋은데.. 어떻게 움직이게 할 방법이 없을까요?
질/답 란에 글 올렸는데 아무도 답글이 없네요. ;;
좋은데.. 어떻게 움직이게 할 방법이 없을까요?
질/답 란에 글 올렸는데 아무도 답글이 없네요. ;;
.RollingImg{ display:inline-block; // float:left; // border: 1px solid #CCC; width:250px; height:310px; } .RollingImg:hover{ opacity: .5; } .RollingSmalling{ margin-left: -180px; } #DvRollingImage{ border: 0px solid #000; width:970px; height:310px; overflow:hidden; white-space:nowrap; }
혹시몰라서 이걸 그대로 올려도 봤는데 그랬더니 아무것도 표시가 없네요.
사용법이 틀린걸까요?
혹시몰라서 이걸 그대로 올려도 봤는데 그랬더니 아무것도 표시가 없네요.
사용법이 틀린걸까요?
