У меня такой вопрос — можно ли средствами html, css и JavaScript сделать следущее: слева страницы будут находиться ссылки а справа рисунок и при нажатии на ссылки рисунок будет изменяться. И если да то как это можно реализовать.
Здравствуйте, libix, Вы писали:
L>У меня такой вопрос — можно ли средствами html, css и JavaScript сделать следущее: слева страницы будут находиться ссылки а справа рисунок и при нажатии на ссылки рисунок будет изменяться. И если да то как это можно реализовать.
Проще всего это делаеться так:
<script>
function LoadImg( src )
{
if( obj = document.getElementById('img') )
obj.src = src;
}
</script>
<img id="img" src="0.gif"><br>
<a href="javascript:LoadImg('1.gif')">img #1</a><br>
<a href="javascript:LoadImg('2.gif')">img #2</a><br>
Ну а размещение на странице думаю сам сможешь сделать
Здравствуйте, MBy, Вы писали:
MBy>Здравствуйте, libix, Вы писали:
L>>У меня такой вопрос — можно ли средствами html, css и JavaScript сделать следущее: слева страницы будут находиться ссылки а справа рисунок и при нажатии на ссылки рисунок будет изменяться. И если да то как это можно реализовать.
MBy>Проще всего это делаеться так:
MBy>MBy><script>
MBy>function LoadImg( src )
MBy>{
MBy> if( obj = document.getElementById('img') )
MBy> obj.src = src;
MBy>}
MBy></script>
MBy><img id="img" src="0.gif"><br>
MBy><a href="javascript:LoadImg('1.gif')">img #1</a><br>
MBy><a href="javascript:LoadImg('2.gif')">img #2</a><br>
MBy>
MBy>Ну а размещение на странице думаю сам сможешь сделать
Пишу вот такой код:
<html>
<head>
<SCRIPT LANGUAGE='JavaScript'>
<!--
function LoadImg( src )
{
if( obj = document.getElementById('img') )
obj.src = src;
}
//-->
</SCRIPT>
</head>
<body>
<table>
<tr>
<td>
<table>
<tr><a href="javascript:LoadImg('c:\1\1.jpg')">ссылка</a></tr>
<tr><a href="javascript:LoadImg('c:\1\2.jpg')">ссылка</a></tr>
<tr><a href="javascript:LoadImg('c:\1\3.jpg')">ссылка</a></tr>
<tr><a href="javascript:LoadImg('c:\1\4.jpg')">ссылка</a></tr>
</table>
</td>
<td>
<img id="img" src="c:\1\1.jpg">
</td>
</tr>
</table>
</body>
</html>
Не отображает 1 2 3 и 4 после нажатий на ссылки. Что не правильно разместил?
Здравствуйте, libix, Вы писали:
L> <tr><a href="javascript:LoadImg('c:\1\1.jpg')">ссылка</a></tr>
L>Не отображает 1 2 3 и 4 после нажатий на ссылки. Что не правильно разместил?
Неверный URL. Пиши просто 1.jpg и ложи картинку в одну папку с html-файлом.
Здравствуйте, MBy, Вы писали:
MBy>Здравствуйте, libix, Вы писали:
L>>У меня такой вопрос — можно ли средствами html, css и JavaScript сделать следущее: слева страницы будут находиться ссылки а справа рисунок и при нажатии на ссылки рисунок будет изменяться. И если да то как это можно реализовать.
MBy>Проще всего это делаеться так:
MBy>MBy><script>
MBy>function LoadImg( src )
MBy>{
MBy> if( obj = document.getElementById('img') )
MBy> obj.src = src;
MBy>}
MBy></script>
MBy><img id="img" src="0.gif"><br>
MBy><a href="javascript:LoadImg('1.gif')">img #1</a><br>
MBy><a href="javascript:LoadImg('2.gif')">img #2</a><br>
MBy>
MBy>Ну а размещение на странице думаю сам сможешь сделать
Спасибо Максим Вы мне очень попомгли, все получилось так какя хотел!
