Здравствуйте. Когда-то этот форум мне очень сильно помог, может и сейчас повезет :)
Нужно выложить один справочник на сайт. Странички целыми разворотами должны по очереди меняться при нажатии стрелочек. С этим проблем нет, благодаря приведенному ниже коду (спасибо тому, кто создал и разместил его в Интернете)
[IMG]http://s019.radikal.ru/i630/1308/26/ced98e7ddd99.jpg[/IMG]
Нужно, чтобы при нажатии на страницу, эта страница (одна из половинок разворота) в 3 раза увеличивалась.
Так реально сделать? Может кто-то видел в сети как это можно сделать? Или кто-то знает как это можно сделать и может научить :)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ru">
<head>
<title>Страницы</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
a:link{ color: seagreen; text-decoration: none;font-weight:700;}
a:visited{ color: seagreen; text-decoration: none;font-weight:700;}
a:hover{ color: brown; text-decoration: none;font-weight:700;}
body {font-family: verdana, arial, helvetica; font-size:13px;}
h1 {
font:24px verdana, arial, helvetica, sans-serif;
color:#2E8B5C;
font-weight:900;
}
</style>
<script type="text/javascript">
NewImg = new Array (
"images1/photo1.jpg",
"images1/photo2.jpg",
"images1/photo3.jpg",
"images1/photo4.jpg",
"images1/photo5.jpg"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;
var delay = 3000;
var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}
</script>
</head>
<body>
<div align="center">
<div id="yan">
</div>
<h1>Страницы</h1>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="440" id="table1" align="center">
<tr>
<td colspan="3" align="center"><img src="images1/photo1.jpg" name="slideshow"><br><br></td>
</tr>
<tr>
<td align="center"><a href="javascript:chgImg(-1)"><<< Предыдущая </a></td>
<td align="center"><a href="javascript:chgImg(1)"> Следующая >>></a></td>
</tr>
<tr>
</tr>
</table>
</body>
</html>
Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|