Главная | Форум | Статьи | Фaйлы| Картинки WoW | Профиль | Регистрация | Вход

[ Новые сообщения · Правила форума · Поиск · RSS ]

WoW-Info — информационный World of Warcraft портал
Изменение картинки - Форум

  • Сторінка 1 з 1
  • 1
Форум » Web программирование » Java script » Изменение картинки
Изменение картинки
booyoodsДата: Четвер, 09.06.2011, 10:58 | Сообщение # 1



booyoods
Старший Маршал
Группа: V.I.P
Сообщений: 1333

Замечания:

Оффлайн
Code
<html>

<head>

</head>

<script language="JavaScript">

<!-- анализируется версия броузера:-->

browserName=navigator.appName;

browserVer=parseInt(navigator.appVersion);

if (browserName=="Netscape" && browserVer >= 3) version="n3";

else version="n2";

if (version=="n3") {

graph1green=new Image(20,20);

graph1green.src="lgcit.gif";

graph1red=new Image(20,20);

graph1red.src="logo.gif";

}

function graphON(graphName) {

    if (version=="n3") {

    green_red=eval(graphName + "green.src");

    document.images[graphName].src=green_red;

    }

}

function graphOFF(graphName) {

    if (version=="n3") {

    red_green=eval(graphName + "red.src");

    document.images[graphName].src=red_green;

    }

}

</script>

<body bgcolor=ffffff>

<a href="http://www.cit-forum.com" onMouseOver="graphON('graph1')"

onMouseOut="graphOFF('graph1')"><img src="logo.gif" name="graph1" border=0></a>

</body>

</html>


В предыдущем примере изменение происходило при попадании курсора мыши в область картинки и при выходе курсора из нее. В данном примере это организовано в цикле для двух картинок с использованием метода setTimeout.
Работает только в Netscape Navigator 3.0 и выше!

Code
<html>

<head>

<title>Баннер</title>

</head>

<script language="JavaScript">

i=0;

img_a=new Array()

img_a[0]=new Image()

img_a[1]=new Image()

img_a[0].src="logo.gif"

img_a[1].src="lgcit.gif"

function img_b()

{

document.images[0].src=img_a[i].src

document.images[0].src=img_a[i].src

i++

if(i>1) i=0;

setTimeout("img_b()", 2000)

}

</SCRIPT>

</head>

<body bgcolor="#ffffff" onLoad=img_b()>

<img src="logo.gif">

</body></html>


Данный пример аналогичен предыдущему, но сам скрипт написан несколько иначе.

Code
<html>

<head>

<title>Мультипликация по событию onLoad</title>

</head>

<script language="JavaScript">

pictures = new Array()

for(i=0;i<3;i++)

     {

     pictures[i] = new Image()

     if(i==0) pictures[i].src = "../../pictures/it/javascript/3.gif"

     if(i==1) pictures[i].src = "../../pictures/it/javascript/2.gif"

     if(i==2) pictures[i].src = "../../pictures/it/javascript/1.gif"

     }

n=1;

flag=1;

function scroll_image()

     {

     if(flag==1)

     {

     n++;if(n>2) n=0;

     document.images[0].src = pictures[n].src

     }

     setTimeout("scroll_image()",1500);

     }

</SCRIPT>

</head>

<body bgcolor="#FFF5EE" text="#000000" link="#FF0000" alink="#FF0000"

vlink="#A52A2A" onLoad=scroll_image()>

<center><IMG SRC="../../pictures/it/javascript/1.gif" NAME="tool">

</center>

</body></html>


Code
Этот пример иллюстрирует возможность изменения картинки при выборе из списка.    

<html>

<head>

<META NAME="Key Words" CONTENT="Информационные технологии, Примеры JavaScript">

<html>

<head>

<title>Изменение картинки при выборе из списка</title>

</head>

<script language="JavaScript">

pictures = new Array()

for(i=0;i<3;i++)

     {

     pictures[i] = new Image()

     if(i==0) pictures[i].src = "../../pictures/it/javascript/3.gif"

     if(i==1) pictures[i].src = "../../pictures/it/javascript/2.gif"

     if(i==2) pictures[i].src = "../../pictures/it/javascript/1.gif"

     }

function l_image()

     {

     document.images[0].src = pictures[document.form1.item.selectedIndex].src

     }

</SCRIPT>

</head>

<body bgcolor="#FFF5EE" text="#000000" link="#FF0000" alink="#FF0000" vlink="#A52A2A">

<center><TABLE COLS=2 WIDTH="100%" >

     <TR>

     <th>

     <form name=form1>

     <select name=item onChange=l_image()>

     <option>рисунок 1

     <option>рисунок 2

     <option selected>рисунок 3

     </select>

     </form>

     </th>

     </tr>

     <tr>

     <th ALIGN=CENTER VALIGN=CENTER>

<IMG SRC="../../pictures/it/javascript/1.gif" NAME="tool"></th>

     </TR>

</TABLE>

</center>

</body></html>


Изменение картинки при выборе гиперссылки.

Code
<html>

<head>

<title>Изменение картинки при выборе гиперссылки</title>

</head>

<script language="JavaScript">

function l_image(a)

     {

     document.images[0].src=a

     }

</SCRIPT>

</head>

<body bgcolor="#FFF5EE" text="#000000" link="#FF0000" alink="#FF0000" vlink="#A52A2A">

<center><TABLE COLS=2 WIDTH="100%" >

     <TR><TD>

<UL>

<LI><A HREF="javascript:l_image('../../pictures/it/javascript/1.gif')">рисунок 1</A>

<LI><A HREF="javascript:l_image('../../pictures/it/javascript/2.gif')">рисунок 2</A>

<LI><A HREF="javascript:l_image('../../pictures/it/javascript/3.gif')">рисунок 3</A>

</UL></TD>

<TD ALIGN=CENTER VALIGN=CENTER>

<IMG SRC="../../pictures/it/javascript/3.gif" NAME="tool" > </TD>

</TR>

</TABLE>

</center>

</body></html>


Изменение картинки при загрузке документа в зависимости от текущего времени осуществляется с использованием объекта Date.
Работает во всех броузерах, поддерживающих JavaScript.

Code
<html>

<head>

<title>Баннер</title>

</head>

<script language="JavaScript">

function ban()

{

j=(new Date()).getSeconds()%2

this[0]="logo.gif"

this[2]="lgcit.gif"

document.write("<img src=",this[2*j],">")

return (" ");

}

</script>

</head>

<body bgcolor="#ffffff">

<SCRIPT>

document.write(ban())

</SCRIPT>

</body></html>



Сообщение отредактировал booyoods - Четвер, 09.06.2011, 11:01
 
Форум » Web программирование » Java script » Изменение картинки
  • Сторінка 1 з 1
  • 1
Пошук:

Новые сообщения в темах
Сдам в аренду сервер и хостинг · (Хост Предложения)
Автор: redlaine
Последнее сообщение в 23:53
хаха :D · (Приколы)
Автор: [N1ke]Medved
Последнее сообщение в 18:40
Autobattle - новый боевой бот ... · (Боты для WoW)
Автор: terrikon
Последнее сообщение в 18:39
PvE руководство для Чернокнижн... · (Чернокнижник)
Автор: Darkensand
Последнее сообщение в 18:38
Пустой свиток (Часть 11) · (Истории WoW)
Автор: R_a_Z_o_R
Последнее сообщение в 18:37
Друиды в Катаклизме: Официальн... · (Друид)
Автор: Darkensand
Последнее сообщение в 18:37
[Баг 3.3.5] Фарм ледяных бадже... · (Читы для WoW)
Автор: Darkensand
Последнее сообщение в 18:35
FarmBot (Бот для фарма руды и ... · (Боты для WoW)
Автор: homma
Последнее сообщение в 18:34
Почему мы сражаемся: ролевая и... · (Воин)
Автор: Darkensand
Последнее сообщение в 18:34
Книги по Wold of Warcraft · (Истории WoW)
Автор: R_a_Z_o_R
Последнее сообщение в 18:33
Маг огня в Cataclysm · (Маг)
Автор: Darkensand
Последнее сообщение в 18:33
Как начать играть в World of W... · (Полезно знать)
Автор: Belkmondesh
Последнее сообщение в 18:32
Характеризация профессий · (Профессии)
Автор: Darkensand
Последнее сообщение в 18:31
Что значит для арканов бета те... · (Маг)
Автор: Darkensand
Последнее сообщение в 18:31

Контакты Контакты Copyright WoW-Info — World of Warcraft портал © 2025 | Условия и правила использования ресурса | Реклама / Услуги
WoW-Info портал.World of Warcraft портал — готовые сервера, сайты, картинки, аддоны, патчи, читы, баги, mangos, ArcEmu, TrinityCore, Warcraft 3, новости, Cataclysm...
Яндекс.Метрика Хостинг від uCoz