怎么让图片的缩略图图标替换掉图像文件的通用图标_y470吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：48,235贴子：
怎么让图片的缩略图图标替换掉图像文件的通用图标收藏
怎么让图片的缩略图图标替换掉图像文件的通用图标
Deye德业除湿机→从家用到工业,帮您解决任何除湿烦恼! 全国联保! 终生维修!
有没有人啊
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或JS图片切换，带缩略图版
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&&
&HTML xmlns=&http://www.w3.org/1999/xhtml&&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312&&&
&title&五屏带缩略图幻灯片切换代码&/title&&
&&& FONT-SIZE: 9 BACKGROUND: #d8d8d8; MARGIN: 0 COLOR: #505050; FONT-FAMILY: 宋体,arial,verdana,sans-serif,fantasy, TEXT-DECORATION: background1: #c8e4f2&&
&&& TEXT-DECORATION: none&&
A:link {&&
&&& COLOR: #505050; color1: #54564c&&
A:visited {&&
&&& COLOR: #505050; color1: #54564c&&
A:hover {&&
&&& COLOR: #d40005; TEXT-DECORATION: underline&&
A:active {&&
&&& COLOR: #f30&&
&&& BORDER-TOP-WIDTH: 0 BORDER-LEFT-WIDTH: 0 BORDER-BOTTOM-WIDTH: 0 BORDER-RIGHT-WIDTH: 0px&&
&&& FLOAT: WIDTH: 472px&&
.box .boxpadding {&&
&&& PADDING-RIGHT: 8 PADDING-LEFT: 8 MARGIN-BOTTOM: 0 PADDING-BOTTOM: 8 PADDING-TOP: 8px&&
#Slide {&&
&&& CLEAR: BORDER-RIGHT: #fff 1 BORDER-TOP: #fff 1 MARGIN-BOTTOM: 6 OVERFLOW: BORDER-LEFT: #fff 1 WIDTH: 450 BORDER-BOTTOM: #fff 1 HEIGHT: 335px&&
#Slide A {&&
&&& COLOR: #000&&
&&& BORDER-RIGHT: #fff 1 BACKGROUND: # MARGIN: 0 BORDER-LEFT: #fff 1 TEXT-ALIGN: center&&
.boxpadding {&&
&&& BORDER-RIGHT: #fff 1 BORDER-TOP: #fff 1 BACKGROUND: #f8f8f8; MARGIN-BOTTOM: 8 BORDER-LEFT: #fff 1 PADDING-TOP: 10 BORDER-BOTTOM: #fff 1px solid&&
.thumb_title {&&
&&& MARGIN-TOP: 10 BACKGROUND: # FILTER: alpha(opacity=30); WIDTH: 450 TEXT-INDENT: 10 LINE-HEIGHT: 25 POSITION: HEIGHT: 25 -moz-opacity: 0.3&&
#Slide_Thumb {&&
&&& MARGIN-TOP: 257 MARGIN-LEFT: 0 POSITION: absolute&&
.thumb_on {&&
&&& DISPLAY: FLOAT: MARGIN-LEFT: 8 CURSOR: pointer&&
.thumb_off {&&
&&& DISPLAY: FLOAT: MARGIN-LEFT: 8 CURSOR: pointer&&
.thumb_off {&&
&&& FILTER: alpha(opacity=50); -moz-opacity: 0.5&&
.thumb_on {&&
&&& FILTER: alpha(opacity=100); -moz-opacity: 1&&
.thumb_off IMG {&&
&&& BORDER-RIGHT: #fff 1 BORDER-TOP: #fff 1 MARGIN-TOP: 12 BORDER-LEFT: #fff 1 WIDTH: 75 BORDER-BOTTOM: #fff 1 HEIGHT: 56px&&
.thumb_on IMG {&&
&&& BORDER-RIGHT: #fff 1 BORDER-TOP: #fff 1 BORDER-LEFT: #fff 1 WIDTH: 91 BORDER-BOTTOM: #fff 1 HEIGHT: 68px&&
&table width=&472& height=&511& border=&0& align=&center& cellpadding=&0& cellspacing=&0&&&
&&& &td width=&472&&&div class=box style=&MARGIN-BOTTOM: 8px&&&
&&&&& &div class=boxpadding&&
&&&&&&& &div id=Slide& &a id=foclnk&&&
href=&/& target=_blank&&
&img id=focpic style=&FILTER: RevealTrans(duration=1;ransition=12); VISIBILITY: POSITION: left:484; top:94&&&&
src=&/jscss/demoimg/wall1.jpg& width=&450& height=&335& /&&/a&&
&&&&&&&&&&& &div class=thumb_title id=foctitle&&a href=&/&&&&
target=_blank&图一&/a&&/div&&
&&&&&&&&& &div id=Slide_Thumb&&
&&&&&&&&&&&&& &div class=thumb_on id=tmb0 onmouver=setfoc(0); onmouseout=playit();&&a&&&
href=&/& target=_blank&&img alt=&图二& src=&/jscss/demoimg/wall1.jpg& /&&/a&&/div&&
&&&&&&&&&&&&& &div class=thumb_off id=tmb1 onmouseover=setfoc(1); onmouseout=playit();&&a&&&
href=&/& target=_blank&&img alt=&图二& src=&/jscss/demoimg/wall2.jpg& /&&/a&&/div&&
&&&&&&&&&&&&& &div class=thumb_off id=tmb2 onmouseover=setfoc(2); onmouseout=playit();&&a&&&
href=&/& target=_blank&&img alt=&图三& src=&/jscss/demoimg/wall3.jpg& /&&/a&&/div&&
&&&&&&&&&&&&& &div class=thumb_off id=tmb3 onmouseover=setfoc(3); onmouseout=playit();&&a&&&
href=&/& target=_blank&&img alt=&图四& src=&/jscss/demoimg/wall4.jpg& /&&/a&&/div&&
&&&&&&&&&&&&& &div class=thumb_off id=tmb4 onmouseover=setfoc(4); onmouseout=playit();&&a&&&
href=&/& target=_blank&&img alt=&图五& src=&/jscss/demoimg/wall5.jpg& /&&/a&&/div&&
&&&&&&&&&&&&& &script language=javascript type=text/javascript&&
var picarry = {};&&
var lnkarry = {};&&
var ttlarry = {};&&
picarry[0] = &http://www.codefans.net/jscss/demoimg/wall1.jpg&;&&
lnkarry[0] = &/&;&&
ttlarry[0] = &图一&;&&
picarry[1] = &/jscss/demoimg/wall2.jpg&;&&
lnkarry[1] = &/&;&&
ttlarry[1] = &图二&;&&
picarry[2] = &/jscss/demoimg/wall3.jpg&;&&
lnkarry[2] = &/&;&&
ttlarry[2] = &图三&;&&
picarry[3] = &/jscss/demoimg/wall4.jpg&;&&
lnkarry[3] = &/&;&&
ttlarry[3] = &图四&;&&
picarry[4] = &/jscss/demoimg/wall5.jpg&;&&
lnkarry[4] = &/&;&&
ttlarry[4] = &图五&;&&
&&&&& &/script&&
&&&&&&&&&&& &/div&&
&&&&&&& &/div&&
&&&&& &/div&&
&&& &/div&&/td&&
&div align=&center&&&
&SCRIPT type=text/javascript&&
var currslid = 0;&&
function setfoc(id){&&
&&& document.getElementById(&focpic&).src = picarry[id];&&
&&& document.getElementById(&foclnk&).href = lnkarry[id];&&
&&& document.getElementById(&foctitle&).innerHTML = '&a href=&'+lnkarry[id]+'& target=&_blank&&'+ttlarry[id]+'&/a&';&&
&&& currslid =&&
&&& for(i=0;i&5;i++){&&
&&&&&&& document.getElementById(&tmb&+i).className = &thumb_off&;&&
&&& document.getElementById(&tmb&+id).className =&thumb_on&;&&
&&& focpic.style.visibility = &hidden&;&&
&&& focpic.filters[0].Apply();&&
&&& if (focpic.style.visibility == &visible&) {&&
&&&&&&& focpic.style.visibility = &hidden&;&&
&&&&&&& focpic.filters.revealTrans.transition=23;&&
&&& else {&&
&&&&&&& focpic.style.visibility = &visible&;&&
&&&&&&& focpic.filters[0].transition=23;&&
&&& focpic.filters[0].Play();&&
&&& stopit();&&
function playnext(){&&
&&& if(currslid==4){&&
&&&&&&& currslid = 0;&&
&&& else{&&
&&&&&&& currslid++;&&
&&& setfoc(currslid);&&
&&& playit();&&
function playit(){&&
&&& slidint = setTimeout(playnext,4500);&&
function stopit(){&&
&&& clearTimeout(slidint);&&
window.onload = function(){&&
&&& playit();&&
}&/SCRIPT&&
&/html&& &}