URL: https://www.opennet.me/cgi-bin/openforum/vsluhboard.cgi
Форум: vsluhforumID8
Нить номер: 4140
[ Назад ]

Исходное сообщение
"Можно ли сделать ткое и как?"

Отправлено ScoUser , 04-Июн-06 08:16 
У меня такой вопрос — можно ли средствами html, css и JavaScript сделать следущее: слева страницы будут находиться ссылки а справа рисунок и при нажатии на ссылки рисунок будет изменяться. И если да то как это можно реализовать.

Содержание

Сообщения в этом обсуждении
"Можно ли сделать ткое и как?"
Отправлено Niam , 04-Июн-06 18:23 
>У меня такой вопрос — можно ли средствами html, css и JavaScript
>сделать следущее: слева страницы будут находиться ссылки а справа рисунок и
>при нажатии на ссылки рисунок будет изменяться. И если да то
>как это можно реализовать.


Ответ тебе один - AJAX!
У apple даже пример на твою задачу есть.


"Можно ли сделать ткое и как?"
Отправлено Асен Тотин , 04-Июн-06 20:18 
Привет,

Можно наверно и проще подойти - ставим <DIV id=KAKOE-TO-ID> и затем при нажатии на ссылку (onClick='') вызываем некую, нами созданную функцию, которая либо с помощь innerHTML заполнает указанный DIV содержимым, соотвествуюим ссылке, либо из нескольких наличных, но невидимых DIV-от (.visibility = hidden) делает видимым нужный нам (.visibility = visible).

WWell,


"Можно ли сделать ткое и как?"
Отправлено Niam , 04-Июн-06 22:44 
>Привет,
>
>Можно наверно и проще подойти - ставим <DIV id=KAKOE-TO-ID> и затем при нажатии на ссылку (onClick='') вызываем некую, нами созданную функцию, которая либо с помощь innerHTML заполнает указанный DIV содержимым, соотвествуюим ссылке, либо из нескольких наличных, но невидимых DIV-от (.visibility = hidden) делает видимым нужный нам (.visibility = visible).
>
>WWell,


Если делать .visibility = hidden/.visibility = visible - то прийдется все картинки скопом подгружать - неприкольно =(.
Волт если галерея из 1000 картинок - пока загрузится - пол месячного траффика сожрет. =).


"Можно ли сделать ткое и как?"
Отправлено ovax , 05-Июн-06 02:53 
ещё вариант - сделать это на фрэймах. в тэге <a href> есть такая опция target=имя окна.

"Можно ли сделать ткое и как?"
Отправлено Асен Тотин , 05-Июн-06 13:13 
Привет,

... или на IFRAME-ах, если не боитесь их :-) Тогда картинки не будут загрлужаться все сразу, а только по нажатию на соотв. ссылку.

WWell,


"Можно ли сделать ткое и как?"
Отправлено SoD , 14-Июн-06 16:56 
>Привет,
>
>... или на 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>