Лабораторная работа №3. <title>Меню галерей.</title>

Задание №2

< html>

< title> Меню галерей.< /title>

< head>

< script type=" text/javascript" >

function pictz1()

{ document.images[0].src=" img/butz.jpg" }

function pict1()

{ document.images[0].src=" img/but1.jpg" }

function pictz2()

{ document.images[1].src=" img/butz.jpg" }

function pict2()

{ document.images[1].src=" img/but2.jpg" }

function pictz3()

{ document.images[2].src=" img/butz.jpg" }

function pict3()

{ document.images[2].src=" img/but3.jpg" }

function pictz4()

{ document.images[3].src=" img/butz.jpg" }

function pict4()

{ document.images[3].src=" img/but4.jpg" }

< /script>

< link rel=" stylesheet" href=" humwrk/style.css" type=" text/css" >

< /head>

< body align=" justify" >

< center>

< a name=" Галерея" href=" gallery1.html" > < img src=" img/but1.jpg" onmouseover=" pictz1()" onmouseout=" pict1()" > < /a>

< img src=" img/but2.jpg" onmouseover=" pictz2()" onmouseout=" pict2()" >

< img src=" img/but3.jpg" onmouseover=" pictz3()" onmouseout=" pict3()" >

< img src=" img/but4.jpg" onmouseover=" pictz4()" onmouseout=" pict4()" >

< /center>

< /body>

< /html>

Задание №3

< html>

< title> Задание 3< /title>

< head>

< script type=" text/javascript" >

function pict()

{

document.images[0].src=" img/1.jpg";

document.images[1].src=" img/2.jpg";

document.images[2].src=" img/3.jpg";

document.images[3].src=" img/4.jpg";

document.images[4].src=" img/5.jpg";

}

function vl()

{

var n;

n=document.images[0].src;

document.images[0].src=document.images[1].src;

document.images[1].src=document.images[2].src;

document.images[2].src=document.images[3].src;

document.images[3].src=document.images[4].src;

document.images[4].src=n;

}

function vp()

{

var n1;

n1=document.images[4].src;

document.images[4].src=document.images[3].src;

document.images[3].src=document.images[2].src;

document.images[2].src=document.images[1].src;

document.images[1].src=document.images[0].src;

document.images[0].src=n1;

}

< /script>

< link rel=" stylesheet" href=" humwrk/style.css" type=" text/css" >

< /head>

< body>

< center>

< h2> Галерея< /h2>

Нажимайте кнопки для прокрутки.

< table width=" 80%" >

< tr>

< div style=" display: none; " > < img src=" img/5.jpg" width=" 1" height=" 1" > < /div>

< td width=" 20%" align=center> < img src=" img/1.jpg" width=" 100" height=" 100" > < /td>

< td width=" 60%" align=center> < img src=" img/2.jpg" width=" 400" height=" 400" > < /td>

< td width=" 20%" align=center> < img src=" img/3.jpg" width=" 100" height=" 100" > < /td>

< div style=" display: none; " > < img src=" img/4.jpg" width=" 1" height=" 1" > < /div>

< /tr>

< /table>

< input type=" button" value=" Влево" onclick=" vl()" >

< input type=" button" value=" Вправо" onclick=" vp()" >

< /center>

< /body>

< /html>