|
|
|
| Есть задача: при наведении мышки на превью должна меняться большая картинка и соответственно меняться ссылка на страницу открывающуюся в новом окне при нажатии на эту большую картинку:
http://www.kroyyork.ru/2/001.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<table border="0">
<tr>
<td>
<a onmouseover="document.images['g'].src='8-017-1.jpg';document.links['h'].href='8-017-1.jpg';" href="#">
<img src="8-017-1m.jpg" border="0"></a></td>
<td>
<a onmouseover="document.images['g'].src='8-017-2.jpg';document.links['h'].href='8-017-2.jpg';" href="#">
<img src="8-017-2m.jpg" border="0"></a></td>
<td><a href="8-017-1.jpg" target="_blank" name="h">
<img src="8-017-1.jpg" name="g" border="0"></a></td>
<td>
<a onmouseover="document.links['h'].href='8-017-1.jpg';document.images['g'].src='8-017-1.jpg';" href="#">
<img src="8-017-1m.jpg" border="0"></a></td>
<td>
<a onmouseover="document.links['h'].href='8-017-2.jpg';document.images['g'].src='8-017-2.jpg';" href="#">
<img src="8-017-2m.jpg" border="0"></a></td>
</tr>
</table>
В FireFox все работает
А в IE :
1. Если смена картинки стоит первая (две левые фото) картинка меняется, а ссылка всегда остается как при заходе на страницу.
2. Если первой стоит смена ссылки (две правые фото), то и картинки не меняются.
По закону подлости у заказчика IE !!! | |
|
|
|
|
|
|
|
для: bdb2000
(25.05.2009 в 19:02)
| |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<table border="1">
<tr>
<td>
<a onmouseover="document.getElementById('g').src='8-017-1.jpg'; document.getElementById('h').href='8-017-1.jpg';" href="#">
<img src="8-017-1m.jpg" border="0">
</a>
</td>
<td>
<a onmouseover="document.getElementById('g').src='8-017-2.jpg';document.getElementById('h').href='8-017-2.jpg';" href="#">
<img src="8-017-2m.jpg" border="0">
</a>
</td>
<td>
<a id="h" href="8-017-1.jpg" target="_blank">
<img id="g" src="8-017-1.jpg" border="0">
</a>
</td>
<td>
<a onmouseover="document.getElementById('h').href='8-017-1.jpg';document.getElementById('g').src='8-017-1.jpg';" href="#">
<img src="8-017-1m.jpg" border="0">
</a>
</td>
<td>
<a onmouseover="document.getElementById('h').href='8-017-2.jpg';document.getElementById('g').src='8-017-2.jpg';" href="#">
<img src="8-017-2m.jpg" border="0">
</a>
</td>
</tr>
</table>
|
А так? | |
|
|
|