HTML въпрос

5 отговора 136 прегледа
#1

HTML въпрос

Здраво банда, знам че това не е правилния форум но трафика в "уеб дизайн и HTML" e толкова умрял че...
Може ли някой да ми каже как да направя следното:
В Dreamweaver искам да направя rollover, който да сменя картинката в друга клетка, а не в тази в която е мишката. С други думи ако от ляво имам вертикално меню с да речем, контакти, клиенти и т.н., а в дясно квадратче с картинка искам като местя мишката върху менютата в ляво, картинката в това квадратче да се сменя. Благодаря предварително.

Отговор
в отговор на martyn_bg #2

Re: HTML въпрос

vij Swap funkciite koito Dreamweaver izpolzva kak sa definirani koe kade slagat i gi promeni spored poletata koito ti iskash.
Drugiat nachin e s DHTML - ima mnogo stranici s resursi i sample scripts.

Yoo yoo, Big Fat Black East Coast Mama

Редактирано от VicktoR на

Отговор
в отговор на martyn_bg #3

Re: HTML въпрос

Просто на събитието OnMouseOver на менюто сменяш картинката като адресираш квадратчето което ти трябва. Това е първия пример който ми попадна: [линк]
Преправяш кода по следния начин:
<SCRIPT LANGUAGE="JavaScript">
<!--

if (document.images) {
var onef = new Image();
onef.src = "om1.gif";
var oneo = new Image();
oneo.src = "om11.gif";
var twof = new Image();
twof.src = "om2.gif";
var twoo = new Image();
twoo.src = "om22.gif";
var threef = new Image();
threef.src = "om3.gif";
var threeo = new Image();
threeo.src = "om33.gif";
var fourf = new Image();
fourf.src = "om4.gif";
var fouro = new Image();
fouro.src = "om44.gif";
var fivef = new Image();
fivef.src = "om5.gif";
var fiveo = new Image();
fiveo.src = "om55.gif";
}

function act(test, imgName) {
if (document.images)
document[test].src = eval(imgName + "o.src");
}


function inact(imgName) {
if (document.images)
document[imgName].src = eval(imgName + "f.src");
}

// -->
</SCRIPT>
<P><A HREF="learnhtm.htm" onMouseOver="act('one', 'one')"
onMouseOut="inact('one')">
<IMG SRC="om1.gif"
NAME="one"
BORDER="0"
ALT="HTML"></A><BR>
<A HREF="oh.htm" onMouseOver="act('one', 'two')"
onMouseOut="inact('two')">
<IMG SRC="om2.gif"
NAME="two"
BORDER="0"
ALT="ON-LINE HELP"></A><BR>
<A HREF="vlist.htm" onMouseOver="act('one', 'three')"
onMouseOut="inact('three')">
<IMG SRC="om3.gif"
NAME="three"
BORDER="0"
ALT="VIRUS INFO"></A><BR>
<BR>
</P>
и си готов . Естествено ще трябва да си адресираш някой друг обект в документа в който искаш да се появява картинката ти.

Успех

PS. За редактирания сорс съм ползвал първите 3 картинки от сайта който е посочен по-горе (посочения и непосочения вариант ... общо 6).

PPS. Това е само един от хилядите начини ... това е най-лесното което ми хрумна и само то отнема по-малко от 5 мин иначе може и друго яче.

Отговор
в отговор на Tomi #4

Re: HTML въпрос

Можеш ли да ми кажеш къде в HTML-а по-долу трябва да вмъкна този скрипт?

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','data200.jpg',1)"><img name="Image3" border="0" src="lightbrownstripeTOP.gif" width="300" height="27"></a>

Отговор
в отговор на martyn_bg #5

Re: HTML въпрос

smitam che po-lesno shte e ako prosto izpolzva onMouseOver="MM_swapImage('Image3' i vmesto da slojish name="Image3" na tekushtiat link slgash tova "ID" image3 - na vav <img> tag-a na kartinkata koiato iskash da smeniash - tova imah v npradvid da vidish kak raboti -
s drugi dumi -

Link1 - onMouseOver="MM_swapImage('Image1' - name="Image1" slgash na kartinakta do nego koaito iskash da smenish a ne na kartinakta na vruzkata.

Yoo yoo, Big Fat Black East Coast Mama
Отговор
в отговор на VicktoR #6

Re: HTML въпрос

Благодаря страшно много и на двамата. Направих го по-начина, по който Виктор обясни - никви скриптове и е чиста работа.
Мерсаж!!!

Отговор