У меня такой вопрос — можно ли средствами html, css и JavaScript сделать следущее: слева страницы будут находиться ссылки а справа рисунок и при нажатии на ссылки рисунок будет изменяться. И если да то как это можно реализовать.
>У меня такой вопрос — можно ли средствами html, css и JavaScript
>сделать следущее: слева страницы будут находиться ссылки а справа рисунок и
>при нажатии на ссылки рисунок будет изменяться. И если да то
>как это можно реализовать.
Ответ тебе один - AJAX!
У apple даже пример на твою задачу есть.
Привет,Можно наверно и проще подойти - ставим <DIV id=KAKOE-TO-ID> и затем при нажатии на ссылку (onClick='') вызываем некую, нами созданную функцию, которая либо с помощь innerHTML заполнает указанный DIV содержимым, соотвествуюим ссылке, либо из нескольких наличных, но невидимых DIV-от (.visibility = hidden) делает видимым нужный нам (.visibility = visible).
WWell,
>Привет,
>
>Можно наверно и проще подойти - ставим <DIV id=KAKOE-TO-ID> и затем при нажатии на ссылку (onClick='') вызываем некую, нами созданную функцию, которая либо с помощь innerHTML заполнает указанный DIV содержимым, соотвествуюим ссылке, либо из нескольких наличных, но невидимых DIV-от (.visibility = hidden) делает видимым нужный нам (.visibility = visible).
>
>WWell,
Если делать .visibility = hidden/.visibility = visible - то прийдется все картинки скопом подгружать - неприкольно =(.
Волт если галерея из 1000 картинок - пока загрузится - пол месячного траффика сожрет. =).
ещё вариант - сделать это на фрэймах. в тэге <a href> есть такая опция target=имя окна.
Привет,... или на IFRAME-ах, если не боитесь их :-) Тогда картинки не будут загрлужаться все сразу, а только по нажатию на соотв. ссылку.
WWell,
>Привет,
>
>... или на IFRAME-ах, если не боитесь их :-) Тогда картинки не
>будут загрлужаться все сразу, а только по нажатию на соотв. ссылку.
>
>
>WWell,
Вот тебе пример без перезагрузки и без фреймов
Генеришь ссылки и все<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<script>
function test(im){
document.getElementById('qq').src="http://webbook.jino-net.ru/images/all/"+im;}
</script>
<BODY>
<table>
<tr>
<td>
<a href="#" onclick='test("logo.gif");'>Картинка 1</a>
<br>
<a href="#" onclick='test("weblogo.gif");'>Картинка 2</a>
<td><img src="http://webbook.jino-net.ru/images/all/weblogo.gif" id='qq' name='qq'>
</table>
</BODY>
</HTML>