Тема: [JavaScript, AJAX] Задай вопрос, получи ответ
Показать сообщение отдельно

  #107  
Старый 11.10.2007, 16:05
Vadik
Новичок
Регистрация: 10.10.2007
Сообщений: 3
С нами: 9781838

Репутация: 2
По умолчанию
inv
только начал делать, всё лежит на компе
названия картинок используемые для замены ; 1; 1b; 2; 2b; 3; 3b; 4; 4b ( 1 и т.д. - это маленькие, 1b и т. д. - это большие)
вот как прописать путь на большую картинку не знаю
пример того чего хочу сделать, только там кликать надо, а по этому скрипту нужно только навести курсор:
ццц.oman3d.com/tutorials/flash/portfolio_2_bc/

а вот полный исходный код html+javascript
Код HTML:
<HTML>
<HEAD>
<TITLE>test</TITLE>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><style type="text/css">
<!--
body {
	background-color: #EAE5DB;
}
.caption {color: #FFC109;
}
.стиль15 {color: #FFC109; font-size: 16px; }
.стиль16 {font-size: 16px}
.стиль17 {color: #CCCCCC; font-size: 16px; }
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<script language="JavaScript">
if (navigator.appVersion.indexOf("2.") != -1)
{ check = false; }

if ((navigator.appVersion.indexOf("3.") != -1) &&
              (navigator.appName.indexOf("Explorer") != -1))

{ check = false; }
else { check = true; }

im1ch = new Image();
im1ch.src = "1.gif";
im1chon = new Image();
im1chon.src = "2.gif";

function imon(name)
{document["change"].src = eval(name + "chon.src"); }

function imoff(name) { document["change"].src = eval(name + "ch.src"); }

NN3 = true;

function on(name)
{ if (check == true){ imon(name);} }

function off(name)
{ if (check == true){ imoff(name);} }
</script>
</HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=850 height="511" BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD WIDTH=850HEIGHT=10 ALT="" valign="top">
		<TABLE WIDTH=850 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD width="850" height="19"><img src="images/bottom-1.jpg" width="850" height="19"></TD>
		<form>
		  </form>
	</TR>
</TABLE>		</TD>
	</TR>
	<TR><TD height="95"><img src="images/logo-bau.jpg" width="850" height="95"></TD>
	</TR>
	<TR>
		<TD WIDTH=850 HEIGHT=36 ALT="" valign="top">
		<TABLE WIDTH=850 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD><a href="index-2.html"><IMG SRC="images/m1.jpg" ALT="" WIDTH=174 HEIGHT=36 border="0"></a></TD>
		<TD><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r2','','images/2-c2.gif',1)"><img src="images/1-c2.gif" alt="" name="r2" width="160" height="36" id="r2" /></a></TD>
		<TD><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r3','','images/3-b3.gif',1)"><img src="images/1-b3.gif" alt="" name="r3" width="160" height="36" id="r3" /></a></TD>
		<TD><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4','','images/4-b4.gif',1)"><img src="images/1-b4.gif" alt="" name="r4" width="160" height="36" id="r4" /></a></TD>
		<TD><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r5','','images/5-b5.gif',1)"><img src="images/1-b5.gif" alt="" name="r5" width="160" height="36" id="r5" /></a></TD>
		<TD><IMG SRC="images/m6.jpg" ALT="" WIDTH=36 HEIGHT=36 border="0"></TD>
	</TR>
</TABLE>		</TD>
	</TR>
	<TR><TD><IMG SRC="images/spacer.gif" WIDTH=850 HEIGHT=8 ALT=""></TD></TR>
	<TR>
		<TD WIDTH=721 HEIGHT=285 ALT="" valign="top">
		<table width="721" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="7" height="7"><img src="images/top_left_corner.jpg"></td>
    <td width="707" background="images/top_px.jpg"><img src="images/spacer.gif"></td>
    <td width="7"><img src="images/top_right_corner.jpg"></td>
  </tr>
  <tr>
    <td width="7" height="271" background="images/left_px.jpg"><img src="images/spacer.gif"></td>
    <td width="707" valign="top">
	<table width="837" height="400" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="166" height="264" valign="top" background="images/dot.jpg" style="background-position:right; background-repeat:repeat-y "><img src="images/bottom-3.jpg" width="165"><br style="line-height:7px "></td>
    <td width="671" valign="top"><table width="160" height="258" border="0" align="left" cellpadding="3" cellspacing="0">
      <tr>
        <td height="24" align="left" valign="top" ><a href="#" onMouseOver="on('im1')" ; onMouseOut="off('im1')">
<img SRC="images/pic/1.gif" NAME="im1" width="135" height="110" BORDER="0"></a></td>
      </tr>
      <tr>
        <td width="636" height="24" align="left" valign="top" ><a href="#" onMouseOver="on('im1')" ; onMouseOut="off('im1')">
<img SRC="images/pic/2.gif" NAME="im1" width="135" height="110" BORDER="0"></a></td>
      </tr>
    </table>
      <table width="348" height="258" border="0" align="left" cellpadding="3" cellspacing="0">
      <tr>
        <td width="636" height="24" align="left" valign="top" ><img SRC="images/pic/1b.gif" NAME="change" width="298" height="243"> </td>
      </tr>
    </table>
      <table width="160" height="258" border="0" align="left" cellpadding="3" cellspacing="0">
      
      <tr>
        <td height="24" align="left" valign="top" ><a href="#" onMouseOver="on('im1')" ; onMouseOut="off('im1')">
<img SRC="images/pic/3.gif" NAME="im1" width="135" height="110" BORDER="0"></a></td>
      </tr>
      <tr>
        <td width="636" height="24" align="left" valign="top" ><a href="#" onMouseOver="on('im1')" ; onMouseOut="off('im1')">
<img SRC="images/pic/4.gif" NAME="im1" width="135" height="110" BORDER="0"></a></td>
      </tr>
       </table></td>
  </tr>
</table>	</td>
    <td width="7" background="images/right_px.jpg"><img src="images/spacer.gif"></td>
  </tr>
  <tr>
    <td width="7" height="7"><img src="images/bot_left_corner.jpg"></td>
    <td width="707" background="images/bot_px.jpg"><img src="images/spacer.gif"></td>
    <td width="7"><img src="images/bot_right_corner.jpg"></td>
  </tr>
</table>		</TD>
	</TR>
	<TR><TD><IMG SRC="images/spacer.gif" WIDTH=850 HEIGHT=8 ALT=""></TD></TR>
	<TR>
	<TR><TD height="4"><img src="images/bottom-2.jpg" width=850 height=60 alt=""></TD>
	</TR>
	<TR>
		
	</TR>
</TABLE>
*
*
*
*
</BODY>
</HTML>
 
Ответить с цитированием