웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
배너를 모자이크로 슬라이드한다!
2004.05.17 18:34
http://htmltester.co.to
<script language="JavaScript1.1">
// 이미지가 슬라이드되는 속도를 설정합니다. 3000은 3초
var slidespeed=3000
// 이미지의 경로명을 적습니다.
var slideimages=new Array(
"http://www.nzeo.com/images/main/top_btn_1_on.gif",
"http://www.nzeo.com/images/main/top_btn_2_on.gif",
"http://www.nzeo.com/images/main/top_btn_3_on.gif"
)
// 위의 이미지에 대한 랑크경로를적습니다.
var slidelinks=new Array(
"http://www.nzeo.com",
"http://www.nzeo.com",
"http://www.nzeo.com"
)
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
// 링크의 형식을 변경하실수 있습니다.
function gotoshow(){
window.location=slidelinks[whichlink]
}
</script>
<a href="javascript:gotoshow()">
<img src="http://www.script.ne.kr/img/banner/script468X60.gif" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a>
<script language="JavaScript1.1">
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
</script>
<script language="JavaScript1.1">
// 이미지가 슬라이드되는 속도를 설정합니다. 3000은 3초
var slidespeed=3000
// 이미지의 경로명을 적습니다.
var slideimages=new Array(
"http://www.nzeo.com/images/main/top_btn_1_on.gif",
"http://www.nzeo.com/images/main/top_btn_2_on.gif",
"http://www.nzeo.com/images/main/top_btn_3_on.gif"
)
// 위의 이미지에 대한 랑크경로를적습니다.
var slidelinks=new Array(
"http://www.nzeo.com",
"http://www.nzeo.com",
"http://www.nzeo.com"
)
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
// 링크의 형식을 변경하실수 있습니다.
function gotoshow(){
window.location=slidelinks[whichlink]
}
</script>
<a href="javascript:gotoshow()">
<img src="http://www.script.ne.kr/img/banner/script468X60.gif" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a>
<script language="JavaScript1.1">
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
</script>
댓글 13
-
권민우
2004.05.18 10:14
-
hozz호찌
2004.05.17 20:53
와;; 깔끔해요 >_< 정말 깔끔하네요~; -
[수아]작은아씨
2004.05.17 21:00
배너보단 광고 같은데에도 유용하게 쓰일듯;; -
마이레이
2004.05.18 11:49
오우 굿~최고내요.... -
푸른하늘
2004.05.18 19:40
링크 타켓을 지정할순 없나요???? -
☺심심
2004.05.21 21:59
타겟은 아래에 써주시면 됩니다~ㅆ -
박교식
2004.06.02 11:02
타켓을 어떻게 적용시키는지 자세히좀 말씀해주세요...자료 굳임다. -
∑Ztxy
2004.06.27 00:08
깔끔하네요...^^ 추천... -
드림팀
2004.06.30 09:09
권민우//모자이크 픽셀은
MaxSquare=15 <---- 이 부분의 숫자로 바꿀 수 있습니다.
Duration=1 <---- 이 부분은 픽셀의 변화 속도
푸른하늘, 박교식// 링크페이지의 주소는 각 이미지의 순서에 따라
var slidelinks=new Array(
"http://www.nzeo.com/111.php",
"http://www.nzeo.com/222.php",
"http://www.nzeo.com/333.php"
)
이런 식으로 추가 하시면 됩니다.
그리고
var slidespeed=3000 <--- 이것은 각 이미지가 슬라이드 되는 간격시간을 나타냅니다. -
dreamydream
2004.07.01 13:24
이쁘네요 ~ +_+ 유용한데 쓰겠습니다 ^^ -
[수아]작은아씨
2004.07.07 17:59
타켓은
// 링크의 형식을 변경하실수 있습니다.
function gotoshow(){
window.location=slidelinks[whichlink]
이부분에서 whichlink 이걸 바꿔주시면 될것 같은데요? ^^ -
전용우
2004.09.04 13:58
<a href=".javascriptgotoshow()">
이 부분은 <a href="javascript:gotoshow()">
이렇게 수정 되어야 하는거 아닌가요? -
☜_Redyan_☞
2004.10.24 07:32
function gotoshow(){
window.location=slidelinks[whichlink]
이것을
function gotoshow(){
window.open(slidelinks[whichlink], "프레임네임");
이렇게 해도 될거 같은데요 -0-;;
제목 | 글쓴이 | 날짜 |
---|---|---|
날씨배너입니다. [4] | LooK782 | 2007.12.03 |
홈페이지에 예쁜 날씨 배너를 달아보자!!!! [3] | blue7376.myid.net | 2008.01.28 |
날씨배너 600종류 입니다.(지역별75종X색상별8종) | 푸른커튼 | 2008.01.30 |
배너 랜덤추출 스크립트 [xe적용방법] [16] | 라싸 | 2008.02.19 |
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] | 『june™』 | 2009.03.20 |
▩배너링크할때 쓰면 정말 편한 것. [2] | ▩윤미 | 2002.03.03 |
nzeo처럼 배너누르면 배너다는법 나오게하기! [6] | Rollrang | 2004.02.05 |
슬라이드 배너및 메뉴가 익스플러 창 조절시 좌표값 변할때 사용 하는 구문!! | 천문길 | 2006.08.21 |
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^* | choice | 2002.02.25 |
배너 링크를 바로 클립보드로 카피하기 [5] | Legend | 2002.04.01 |
배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] | 카멜롯™ | 2002.04.04 |
엔지오 메인 화면에서 배너 클릭하면 뜨는 프롬프트 달기 [1] | Eccen | 2002.09.30 |
배너를 모자이크로 슬라이드한다! [13] | ☺심심 | 2004.05.17 |
[추천] 가로형 배너 슬라이드 [7] | ⓣinⓣin™ | 2004.06.10 |
[추천] 세로형 배너 슬라이드 [4] | ⓣinⓣin™ | 2004.06.24 |
임의로 전체에서 몇개의 배너만 출력하기(오류 수정 ㅜ,.ㅜ) | ColonD | 2005.10.20 |
exp. 완전 랜덤배너 소스 [8] | TheMics | 2002.10.12 |
페이지에 접속할 때마다 다른 배너보여주는 소스.. [9] | 풍월주인 | 2002.10.07 |
텍스트 링크, 배너 링크*랜덤 (틀팁포함) [3] | 둘리나라™ | 2003.01.16 |
cafe 설정 / 배너이미지 사이즈 바꾸기 | 윤씨 | 2011.02.18 |
하나는 각각 다른 사이즈의 사진으로 해도 되는지 하고
둘째는 모자이크 되는 픽셀 크기를 어떻게 수정할 수 있는지 알려주시면 감사드릴게요^^