HTML въпрос
5 отговора
136 прегледа
HTML въпрос
Здраво банда, знам че това не е правилния форум но трафика в "уеб дизайн и HTML" e толкова умрял че...
Може ли някой да ми каже как да направя следното:
В Dreamweaver искам да направя rollover, който да сменя картинката в друга клетка, а не в тази в която е мишката. С други думи ако от ляво имам вертикално меню с да речем, контакти, клиенти и т.н., а в дясно квадратче с картинка искам като местя мишката върху менютата в ляво, картинката в това квадратче да се сменя. Благодаря предварително.
Може ли някой да ми каже как да направя следното:
В Dreamweaver искам да направя rollover, който да сменя картинката в друга клетка, а не в тази в която е мишката. С други думи ако от ляво имам вертикално меню с да речем, контакти, клиенти и т.н., а в дясно квадратче с картинка искам като местя мишката върху менютата в ляво, картинката в това квадратче да се сменя. Благодаря предварително.
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
Drugiat nachin e s DHTML - ima mnogo stranici s resursi i sample scripts.
Yoo yoo, Big Fat Black East Coast Mama
Редактирано от VicktoR на
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 мин иначе може и друго яче.
Преправяш кода по следния начин:
<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 мин иначе може и друго яче.
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>
<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>
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
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
Re: HTML въпрос
Благодаря страшно много и на двамата. Направих го по-начина, по който Виктор обясни - никви скриптове и е чиста работа.
Мерсаж!!!
Мерсаж!!!