메인 롤링 이미지.. 정보
최신글 메인 롤링 이미지..첨부파일
본문
아는 분 홈페이지를 만들어 드리다...필요해서 급 만들었구요..
스샷에 보이는거 외에.. 특별한 기능은 없어요.. 보이는게 답니다..-_-
이 스킨은 썸네일은 따로 생성하지 않고, 올려진 파일 세개를 이용하는 겁니다.
1번이.. 왼쪽에 나오는 큰 이미지..
2번이.. 오른쪽 타이틀 이미지
3번이.. 오른쪽 타이틀 이미지 마우스 오버상태..
이렇게 순서대로 파일 업로드해주시면 되구요.
사이즈를 변경하시려면.. 조금 노가다하시면 됩니다..ㅜㅜ
링크는 링크1번을 이용했구요.
cookieyou님의"최신글 - 자동롤링, 제이쿼리플러그인사용, 이미지 롤오버시 큰이미지로.. "
에서 조금 수정해서 만든겁니다. 감사드려요~
원글에 있던 설명 첨부합니다.
-------------------------------------------------------------------
제이쿼리 수정시 참고하세요
fx: 'fade',-----> 효과 종류입니다 다른걸로 바꿔보셔도 좋음
speed: '2500', -----> 속도
pause: 1 , -----> 바뀌면서 잠시 멈추는 시간인것같음
timeout: 3000, -----> 바뀌는 속도
pager: '#nav',
pagerEvent: 'mouseover' ----> 이걸 없애면 오버가 아니고 클릭시 바뀜
-------------------------------------------------------------------
테이블밖에 짤 줄 모르는터라..
소스보시면 아시겠지만 엉성하기 그지 없어요..ㅎㅎ
능력부족으로 못 고친 부분(능자님들이 좀 고쳐주시면...^^)
01. 오른쪽 타이틀이 자동으로 롤링되지 않음(이게 안되서 마우스 오버시에라도 바뀌도록..-_-)
02. 오른쪽 타이틀에서는 링크가 안 먹음(메인 이미지 클리시에만 링크 작동. 이유를 모르겠어요..-_-)
참고로 전 프로그래머도 디자이너도 아닌지라 질문은...ㅜㅜ
추천
7
7
댓글 전체
멋진 스킨 감사 합니다.
멋지기엔 좀 부족해요..ㅎㅎ 감사해요~
스킨은 무조건 좋아요!!
감사해요~
올리는 방법은 ? 부탁드립니다.
<?=latest("main_rolling", "게시판명", 노출숫자, 제목글자(의미없음));?>
이렇게 해주시면 되구요.. 5개 노출에 맞춰진 거라.. 노출숫자는 5로 하셔서 테스트 해보고 변경하세요.
이렇게 해주시면 되구요.. 5개 노출에 맞춰진 거라.. 노출숫자는 5로 하셔서 테스트 해보고 변경하세요.
감사 합니다 홈페이지에 적용해봐야 겠네요 감사히 잘 사용하겠습니다
클릭시 페이지로 넘어만 간다면 더 좋을듯 하네요
우측 번튼 이미지 어찌 적용하는지? 부탁합니다.
우측 이미지에 링크거는 방법 입니다.
아래에 있는 74번째줄을
<li><a href="<?=$link_01?>"><img src="<?=$file02?>" alt="" width="195" height="102" border="0" onmouseover="this.src='<?=$file03?>';" onmouseout="this.src='<?=$file02?>';"></a></li>
아래처럼 수정하시면 됩니다.
<li><a href="<?=$link_01?>"><img src="<?=$file02?>" style="cursor:hand;" title="<?=$list[$i][subject]?>" width="195" height="102" border="0" onClick="location.href='<?=$link_01?>';" onmouseover="this.src='<?=$file03?>';" onmouseout="this.src='<?=$file02?>';"></a></li>
전체 링크(<a href="<?=$link_01?>">)를 안주면 마우스 오버 시 해당이미지가 안변합니다.
아래에 있는 74번째줄을
<li><a href="<?=$link_01?>"><img src="<?=$file02?>" alt="" width="195" height="102" border="0" onmouseover="this.src='<?=$file03?>';" onmouseout="this.src='<?=$file02?>';"></a></li>
아래처럼 수정하시면 됩니다.
<li><a href="<?=$link_01?>"><img src="<?=$file02?>" style="cursor:hand;" title="<?=$list[$i][subject]?>" width="195" height="102" border="0" onClick="location.href='<?=$link_01?>';" onmouseover="this.src='<?=$file03?>';" onmouseout="this.src='<?=$file02?>';"></a></li>
전체 링크(<a href="<?=$link_01?>">)를 안주면 마우스 오버 시 해당이미지가 안변합니다.
답변 감사드려요!!
많이 사용하는 기능이네요. 우선 좋은 자료 감사합니다.
마침 찾고 있던건데 감사합니다.
감사합니다.
