Вашему вниманию картинка. Схематическая ессно.

Нужно сделать следующее: при наводе на любую из этих кнопок включался rollover на обоих. Т.е. допустим при наведении на первую кнопку изображение меняется на обоих кнопках. И наоборот ессно. Ссылка на кнопках одна и таже ессно.

Кнопки разнесены друг от друга весьма далеко и не представляется возможность сверстать сайт так чтобы кнопки были как-бы на одной картинке.

Возможно ли это сделать на java и как?

Спасибо большое заранее.

Есть мнение, что ты хочешь сделать это на Javascript. Ответ: можно. Для случая одной изолированной картинки ты код уже имеешь?

а как делается простейший ролловер? принцип не меняется - вместо замены src только у одной картинки меняется src у двух.

у меня функции замены картинки пассив/актив и актив/пассив всегда назваются act(param) и inact(param)
тогда, чтобы заменить одновременно две я напишу в вызове:
...onmouseover="act(1); act(2);"

Crazy

<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">quote

Цитата:

Для случая одной изолированной картинки ты код уже имеешь?

имею

hokum

/me пошёл ставить эксперименты

hokum

не выходит у меня

всё равно загорается либо та кнопка на которую наведена мышь, либо другая на которую ненаведена. сразу чтобы сменились изображения на двух кнопках -- не получается.

сделай маленькую фунцию, которая меняет обе картики и вызывай ее :-)
Если код для одной работает, то для двух тоже никуда не денется. Просто для удобства его вынеси.

Ertalion

Ну если для вас это так легко, то для меня это ещё пока трудновато. Использую готовые, нарытые в сети, скрипты -- модифицирую настолько насколько позволяют познания полученные методом тыка.

Для наглядности привожу скрипт который я использую. Покажите чего мне там сделать [img]images/smiles/icon_smile.gif[/img])

<script language="Javascript">
<!--
stored=null;
storedLocation=null;
link01=load("05_hover.gif");
function load(location){
image=new Image();
image.src=location;
return image;
}
function show(where,what){
stored=where;
storedLocation=document.images[where].src;
document.images[where].src=eval(what+".src");
}
function hide(){
document.images[stored].src=storedLocation;
}
function MM_openBrWindow(theURL,winName,features) {
window.open(theURL,winName,features);
}
// -->
</script>


Ну и сама картинка

<a href="http://www.microsoft.com/" target="_self" onMouseOver="show('link01','link01')" onMouseOut="hide()"><img src="../i/04.gif" width=50 height=38 alt="" border="0" name="link01"></a>

[ 06 Февраля 2003: Исправлено mb-lancer ]

Итак мой мозг уже вскипел. И требует помощи.

Пожалуйста [img]images/smiles/icon_smile.gif[/img]

ну ёпти

<script>

b1on = new Image();
b1on.src = "/images/image1on.gif";
b2on = new Image();
b2on.src = "/images/image1on.gif";
b1off = new Image();
b1off.src = "/images/image1off.gif";
b2off = new Image();
b2off.src = "/images/image1off.gif";


function act(param) {
param="b"+param;
imgOn = eval(param + "on.src");
document [param].src = imgOn;
}

function inact(param) {
param="b"+param;
imgOff = eval(param + "off.src");
document [param].src = imgOff;
}

</script>

<a href="#" onmouseover="act(1); act(2);" onmouseout="inact(1); inact(2);"><img src="image1off.gif" name="b1">
</a>

<img src="image1off.gif" name="b2">

</script>

о!

я почти так и делал

немного ошибался правда..

спасибо агромедное!

"почти" - не считается [img]lol.gif[/img]

hokum

[img]images/smiles/icon_biggrin.gif[/img]

hokum

<a href="#" onmouseover="act(1); act(2);" onmouseout="inact(1); inact(2);">

<img src="image1off.gif" name="b1">

как прицепить к картинке image1off.gif второе имя? я имею ввиду параметр name, чтобы, допустим картинка менялась также при наведении на другую кнопку, а не только на первую

приведенный пример настолько прозрачен, что, если ты в нем что-то не понимаешь, то.….
попытайся разложить код по полочкам и понять все сам.

разложил

как подгружать картинки разобрался, что какой триггер делает понял.

мне треба сделать вот, что:

есть две кнопки меню, при наведении на первую меняется картинка на первой и третья картинка(которая не является кнопкой), при навадении на вторую меняется картинка вторая и опять же третья(но с другим изображением)

т.е у меня получается примерно такой вариант:

<script>

b1on = new Image();
b1on.src = "/images/image1on.gif";
b2on = new Image();
b2on.src = "/images/image3on.gif";
b1off = new Image();
b1off.src = "/images/image1off.gif";
b2off = new Image();
b2off.src = "/images/image3off.gif";

b3on = new Image();
b3on.src = "/images/image2on.gif";
b4on = new Image();
b4on.src = "/images/image3on.gif";
b3off = new Image();
b3off.src = "/images/image2off.gif";
b4off = new Image();
b4off.src = "/images/image3off.gif";


function act(param) {
param="b"+param;
imgOn = eval(param + "on.src");
document [param].src = imgOn;
}

function inact(param) {
param="b"+param;
imgOff = eval(param + "off.src");
document [param].src = imgOff;
}

</script>

<a href="#" onmouseover="act(1); act(2);" onmouseout="inact(1); inact(2);"><img src="image1off.gif" name="b1">
</a>

<a href="#" onmouseover="act(3); act(4);" onmouseout="inact(3); inact(4);"><img src="image2off.gif" name="b3">
</a>

<img src="image3off.gif" name="b2" name="b4">

такой вариант работать не хочет т.к. в image3off.gif есть второй аттрибут name с параметром "b4" -- а он и не читается. как его туда прикрутить чтобы оно работало -- незнаю.

ааа, понял..
тебе нужна контекстная замена.

смотри сюда, как я делал это здесь: http://www.sony.ru/aibo/

гляди на главной странице на блок "обои", понаводи на цифры рядом. потом спиши код. надеюсь, разберешься.

глянул, код посмотрел

попробовал вытащить из такой мешанины нужное, -- не получилось [img]images/smiles/icon_sad.gif[/img]

пробую ещё

просто тупое недопонимание самого алгоритма и не более того, зачем присваивать второе имя ? когда можно успешно менять на 2 объектах любых, любую картинку...

<script>
s1on = new Image();
s1on.src = "i1on.gif";
s1off = new Image();
s1off.src = "i1off.gif";

s2on = new Image();
s2on.src = "i2on.gif";
s2off = new Image();
s2off.src = "i2off.gif";

s3on = new Image();
s3on.src = "i3on.gif";
s3off = new Image();
s3off.src = "i3off.gif";

s4on = new Image();
s4on.src = "i4on.gif";

function act(n, i) {
iname = "i" + n;
isrc = "s" + i;
imgOn = eval(isrc + "on.src");
document [iname].src = imgOn;
}

function inact(n, i) {
iname = "i" + n;
isrc = "s" + i;
imgOff = eval(isrc + "off.src");
document [iname].src = imgOff;
}
</script>

<a href="#" onmouseover="act(1,1); act(3,3);" onmouseout="inact(1,1); inact(3,3);"><img src="i1off.gif" name="i1"></a>
<a href="#" onmouseover="act(2,2); act(3,4);" onmouseout="inact(2,2); inact(3,3);"><img src="i2off.gif" name="i2"></a>
<img src="i3off.gif" name="i3">

да совершенно забыл http://me.lastillusion.ru/deforum/1/

во-во
я к тому и вёл в приведенном примере, что требуется передавать еще один параметр кроме нейма.

ведь когда мы меняем только по нейму, мы меняем два состояния (защелка открыта-закрыта). чтобы у измененияемой картинки появилось третье состояние, не определенное заранее, требуется передавать дополнительный параметрю

хотел чтобы человек сам разобрался, а ты... а ты... [img]images/smiles/icon_smile.gif[/img]

vexoid

спасибо, ага

hokum

и тебе тоже, без тебя туго бы было

твой вариант с сайта sony я изучил досконально, нашёл решение.

сижу вот горжусь собой, что я не такой тупой как думал раньше [img]images/smiles/icon_smile.gif[/img]))

спасибо!!