缩略图,大图,同页显示


<SCRIPT language=JavaScript type=text/javascript>

function GetObj(objName){
 if(document.getElementById){
  return eval('document.getElementById("' + objName + '")');
 }else{
  return eval('document.all.' + objName);
 }
}

function sltMenu(menuNo){
 //alert(menuNo);
 for(var i=1;i<=6;i++){
  eval("document.images['menu"+i+"'].src=img"+i+".src");
 }
 eval("document.images['menu"+menuNo+"'].src=img"+menuNo+"_1.src");
 GetObj("curCon").innerHTML=GetObj("con"+menuNo).innerHTML;

 //document.frames['fav'].location.href='price'+menuNo+'.html';
}

function chgPic(picNo){
 for(var i=1;i<=6;i++){
  eval("document.images['cur"+i+"'].src='http://image2.sina.com.cn/ty/newnike/shoe/gw_nk_086.gif'");
  //GetObj('a'+i).className='opa';
 }
 eval("document.images['cur"+picNo+"'].src='http://image2.sina.com.cn/qc/chm0104img/img_triangle1.gif'"); 
 document.images['lgPic'].src = picArr[parseInt(picNo)-1][0];
 document.images['lgPic'].alt = picArr[parseInt(picNo)-1][3];
 document.all.lgLink.href = 'http://milfans.news.sina.com.cn/user/show_pic_single.php?url='+picArr[parseInt(picNo)-1][0]+'&url_c='+picArr[parseInt(picNo)-1][3];
 if(document.images['lgPic'].width<450){
 }else{
  document.images['lgPic'].width=450;
 }
}

function resizePic(obj)
{
 var picWidth = obj.width;
 var picHeight = obj.height;
 if (picWidth > picHeight)
 {
  if(picWidth > 450)
  {
   obj.width = 450;
  }
 }
 else
 {
  if(picWidth > 450)
  {
   obj.width = 450;
  }
 }
}
function resizePic2(obj)
{
 var picWidth = obj.width;
 var picHeight = obj.height;
 if (3*picWidth > 4*picHeight)
 {
  if(picWidth > 80)
  {
   obj.width = 80;
   obj.height = 80*(picHeight/picWidth);
  }
 }
 else
 {
  if(picHeight > 60)
  {
   obj.height = 60;
   obj.width = 80*(picWidth/picHeight);
  }
 }
}
</SCRIPT>

<!-- iask begin -->


<TABLE cellSpacing=0 cellPadding=0 width=750 border=0>

  <TR>
    <TD colSpan=3 height=9></TD></TR>
  <TR>
    <TD vAlign=top width=564>
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0><!-- BEGIN Grid pic_path_picture_info -->
    

        <TBODY>
        <TR>
          <TD class=title02
          style="PADDING-LEFT: 18px; FONT-SIZE: 14px; PADDING-TOP: 6px"
          background=缩略图部分,大图.files/model_title_bg.gif height=39
          value="我国最新P-12地对地战术导弹与它的俄国表哥伊斯坎德尔"
            name="pname"><B>我国最新P-12地对地战术导弹与它的俄国表哥伊斯坎德尔</B></TD></TR>
        <TR>
          <TD align=middle bgColor=#e3e7eb>
            <TABLE cellSpacing=12 cellPadding=0 border=0>
              <TBODY>
              <TR>
                <TD class=title02 noWrap value="中国龙腾飞吧" name="username">作者:<A
                  href="http://milfans.news.sina.com.cn/user/collections.php?playerid=1195842643"
                  target=_blank>中国龙腾飞吧</A></TD>
                <TD class=title02 noWrap value="2006-10-31 19:51:45"
                name="pcreatetime">时间:2006-10-31 19:51:45</TD>
                <TD class=title02 noWrap value="30649"
                name="clicknum">点击:30649</TD>
                <TD class=title02 noWrap value="2" name="collection">收藏:2</TD>
                <TD class=title02 noWrap>收藏价格:1</TD></TR>
              <TR>
                <TD noWrap align=right colSpan=2><A
                  onclick=javascript:collect()
                  href="http://jczsfans.news.sina.com.cn/user/showpicture.php?id=6079#"><IMG
                  height=22 src="缩略图部分,大图.files/model_button_collection.gif"
                  width=83 border=0></A>  <A href="javascript:feedback();"><IMG
                  height=22 src="缩略图部分,大图.files/model_button_tel.gif" width=58
                  border=0></A> </TD>
                <TD class=title02 noWrap align=right colSpan=2>点击星进行投票</TD>
                <TD class=title02 noWrap><A href="javascript:evaluate(0+1)"
                  ;><IMG height=12 src="缩略图部分,大图.files/model_start_2.gif"
                  width=12 border=0></A><A href="javascript:evaluate(1+1)"
                  ;><IMG height=12 src="缩略图部分,大图.files/model_start_2.gif"
                  width=12 border=0></A><A href="javascript:evaluate(2+1)"
                  ;><IMG height=12 src="缩略图部分,大图.files/model_start_2.gif"
                  width=12 border=0></A><A href="javascript:evaluate(3+1)"
                  ;><IMG height=12 src="缩略图部分,大图.files/model_start_2.gif"
                  width=12 border=0></A><A href="javascript:evaluate(4+1)"
                  ;><IMG height=12 src="缩略图部分,大图.files/model_start_2.gif"
                  width=12 border=0></A>[票数:0票]
        </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY>
        <TR>
          <TD height=4></TD></TR>
        <TR>
          <TD
          style="PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px"
          bgColor=#c1ccd2>
            <SCRIPT>
   //换图的数组;
   var picArr = new Array(
       new Array(
     'http://253/128/1195842643/6079.jpg',//大图路径;
     'http://253/128/1195842643/6079_small.jpg',//小图路径;
     '#',//图片点击后页面链接;
     '我国最新P-12地对地战术导弹与它的俄国表哥伊斯坎德尔'//图片说明;
    )
       ,
          new Array(
     'http://253/128/1195842643/6078.jpg',//大图路径;
     'http://253/128/1195842643/6078.jpg',//小图路径;
     '#',//图片点击后页面链接;
     '我国最新P-12地对地战术导弹与它的俄国表哥伊斯坎德尔'//图片说明;
    )
       ,
          new Array(
     'http://253/128/1195842643/6077.jpg',//大图路径;
     'http://253/128/1195842643/6077.jpg',//小图路径;
     '#',//图片点击后页面链接;
     '我国最新P-12地对地战术导弹与它的俄国表哥伊斯坎德尔'//图片说明;
    )
       ,
          new Array(
     'http://253/128/1195842643/6076.jpg',//大图路径;
     'http://253/128/1195842643/6076.jpg',//小图路径;
     '#',//图片点击后页面链接;
     '我国最新P-12地对地战术导弹与它的俄国表哥伊斯坎德尔'//图片说明;
    )
       ,
          new Array(
     'http://253/128/1195842643/6075.jpg',//大图路径;
     'http://253/128/1195842643/6075.jpg',//小图路径;
     '#',//图片点击后页面链接;
     '我国最新P-12地对地战术导弹与它的俄国表哥伊斯坎德尔'//图片说明;
    )
         )   
   </SCRIPT>

            <TABLE cellSpacing=0 cellPadding=0 width="100%" bgColor=#ffffff
            border=0>
              <TBODY>
              <TR>
                <SCRIPT language=JavaScript type=text/javascript>
  document.writeln("<td align=center valign=bottom style=padding:15px;><a id=lgLink href=/"http://?url="+picArr[0][0]+"&url_c="+picArr[0][3]+"/" target=_blank><img id=lgPic src="+picArr[0][0]+" width=450 class=img01 alt="+picArr[0][3]+" onload='javascript:resizePic(this);'></a></td>");
  </SCRIPT>
              </TR>
              <TR>
                <TD bgColor=#c7d1d9 height=1></TD></TR>
              <TR>
                <TD vAlign=top align=right height=81>
                  <TABLE cellSpacing=0 cellPadding=0 border=0>
                    <TBODY>
                    <TR align=middle height=14>
                      <TD width=11></TD>
                      <TD width=78><IMG id=cur1 height=8
                        src="缩略图部分,大图.files/img_triangle1.gif" width=16
                        name=cur1></TD>
                      <TD width=11></TD>
                      <TD width=78><IMG id=cur2 height=8
                        src="缩略图部分,大图.files/gw_nk_086.gif" width=16
name=cur2></TD>
                      <TD width=11></TD>
                      <TD width=78><IMG id=cur3 height=8
                        src="缩略图部分,大图.files/gw_nk_086.gif" width=16
name=cur3></TD>
                      <TD width=11></TD>
                      <TD width=78><IMG id=cur4 height=8
                        src="缩略图部分,大图.files/gw_nk_086.gif" width=16
name=cur4></TD>
                      <TD width=11></TD>
                      <TD width=78><IMG id=cur5 height=8
                        src="缩略图部分,大图.files/gw_nk_086.gif" width=16
name=cur5></TD>
                      <TD width=11></TD>
                      <TD width=78><IMG id=cur6 height=8
                        src="缩略图部分,大图.files/gw_nk_086.gif" width=16
name=cur6></TD>
                      <TD width=11></TD></TR>
                    <TR vAlign=top align=middle height=67>
                      <TD></TD>
                      <TD><A id=a1 href="javascript:chgPic(1)"><IMG
                        class=img01 id=lowPic1
                        src="缩略图部分,大图.files/6079_small.jpg" width=80
                        border=0></A></TD>
                      <TD></TD>
                      <TD><A id=a1 href="javascript:chgPic(2)"><IMG
                        class=img01 id=lowPic2 height=60
                        src="缩略图部分,大图.files/6078.jpg" width=80 border=0></A></TD>
                      <TD></TD>
                      <TD><A id=a1 href="javascript:chgPic(3)"><IMG
                        class=img01 id=lowPic3 height=60
                        src="缩略图部分,大图.files/6077.jpg" width=80 border=0></A></TD>
                      <TD></TD>
                      <TD><A id=a1 href="javascript:chgPic(4)"><IMG
                        class=img01 id=lowPic4 height=60
                        src="缩略图部分,大图.files/6076.jpg" width=80 border=0></A></TD>
                      <TD></TD>
                      <TD><A id=a1 href="javascript:chgPic(5)"><IMG
                        class=img01 id=lowPic5 height=60
                        src="缩略图部分,大图.files/6075.jpg" width=80 border=0></A></TD>
                      <TD></TD></TR></TBODY></TABLE></TD></TR>
              <TR>
                <TD bgColor=#c7d1d9 height=5></TD></TR>
              <TR>
                <TD align=middle>
                  <TABLE cellSpacing=22 cellPadding=0 border=0>
                    <TBODY>
                    <TR>
                      <TD
                        class="title02 l15">444444444
                        <BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- 首页大图 end --></TD></TR></TBODY></TABLE>
     </TD>
    <TD width=5></TD>
    <TD style="PADDING-BOTTOM: 9px" vAlign=top align=middle width=181
    bgColor=#003060>&nbsp;</TD>
  </TR></TABLE><!-- 尾部 begin -->

原文地址:https://www.cnblogs.com/zerogo/p/2209360.html