Консультации Портала - Консультация #180533

Задать вопрос Консультации Пользователи Форум

Задать вопрос экспертам

Консультация № 180533

01.11.2010, 11:46

70.00 руб.

01.11.2010, 17:22

0 3 0

Компьютеры Программирование

Здравствуйте.
Скажите пожалуйста,мне необходимо,что бы при нажатии на кнопку (до тех пор пока она нажата) "Вниз" ряд картинок двигался вниз,когда вы отпускаете кнопку ,что бы движение останавливалось, также при нажатии кнопки "Вверх" ряд картинок двигался вверх , когда вы отпускаете кнопку ,то движение останавливается. Т.е. происходила иммитация того ,как вы тянете за ползунок . Как это сделать на ява скрипт (без использования jquery) ? Код в приложении.

Дополнение к вопросу: Если в окне первый или последний ряд картинок - то кнопка "Вверх" (или "Вниз") - становится в положение disabled.

Спасибо.

Приложение:
<html>
<head>
<META http-equiv="content-type" content="text/html; charset=windows-1251">
<title>

</title>

<style type="text/css">

.box_offers
{
width:1415px;
height:1200;
/*border: 2px solid #008040;*/
position: relative;

margin:0 auto; /*для ff*/

}

.headbody
{
text-align:center;

}

.txtcontent_offers
{
margin:0 auto;
margin-top:30px;
width:1000px;

}

.fotocontent1
{
vertical-align: top;
text-align:left;
width:100%;
background-color:#FFFFFF;
font-weight:normal;
font-family:Verdana;
font-size:13px;

padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;

border:1px solid #999999;

}

.bigdescr
{

overflow: auto;
height:430px;
width:415px;

bottom: 522px;
right:216px;;

position: absolute;

padding:5px;
vertical-align:top;
text-align:left;
background-color:#FFFFFF;
font-weight:normal;
font-family:Verdana;
font-size:12px;

line-height:1.5;

}

.prev
{
overflow: auto;
height:215px;
width:980px;
}

.descrfoto
{
width:200px;
padding:5px;
vertical-align:top;
text-align:left;
background-color:#FFFFFF;
font-weight:normal;
font-family:Verdana;
font-size:10px;

border:1px solid #E4E4E4;

}

.idescrfoto
{
margin-right:7px;
margin-bottom:2px;
float:left;

}

</style>

</head>
<body class="headbody">

<div class="box_offers">

<table border="0" class="txtcontent_offers">

<tr>

<td class="fotocontent1">

<table border="0" class="gallerytb">
<tr>
<td id="bigdescr_td" class="bigdescr_td">

</td>

</tr>

<tr>
<td rowspan="2" align="center" > 

<button>Вверх</button> <button>Вниз</button>

<div id="prev" class="prev">
<table border="0">
<tr>
<td class="descrfoto">
<img class="idescrfoto" align="left" src="prev_img/61450299.jpeg" width="80" height="100" alt="" border="0">

Может быть, это самое удивительное место на всей планете. Здесь нет четырех сторон света: куда не повернись – юг, и все ветры дуют туда. Над этой «макушкой мира» вместе с суточным вращением Земли
никогда не восходят и не заходят звезды, а главная – Полярная, маяк всех путешественников северного полушария, - будто навечно застыла в зените.

</td>

<td class="descrfoto">

<img class="idescrfoto" align="left" src="prev_img/862091276.jpg" width="100" height="80" alt="" border="0">

Может быть, это самое удивительное место на всей планете. Здесь нет четырех сторон света: куда не повернись – юг, и все ветры дуют туда. Над этой «макушкой мира» вместе с суточным вращением Земли
никогда не восходят и не заходят звезды, а главная – Полярная, маяк всех путешественников северного полушария, - будто навечно застыла в зените.

</td>

<td class="descrfoto"> <img class="idescrfoto" src="prev_img/939612031.jpg" width="100" height="35" alt="" border="0">
Как вообще среди лососевых рыб, так и в роде Salmo установление видов чрезвычайно затруднительно вследствие близости их друг
к другу и существования множества разновидностей. Поэтому и видовая самостоятельность форели часто подвергалась сомнению: так настоящая
или речная форель (S. fario) часто считается тождественной с озерной форелью (S. lacustris).

</td>

<td class="descrfoto"> <img class="idescrfoto" src="prev_img/354421347.jpg" width="100" height="80" alt="" border="0">

Как вообще среди лососевых рыб, так и в роде Salmo установление видов чрезвычайно затруднительно вследствие близости их друг
к другу и существования множества разновидностей. Поэтому и видовая самостоятельность форели часто подвергалась сомнению: так настоящая
или речная форель (S. fario) часто считается тождественной с озерной форелью (S. lacustris).
</td>

<td class="descrfoto"> <img class="idescrfoto" src="prev_img/153558857.jpg" width="100" height="80" alt="" border="0">
Как вообще среди лососевых рыб, так и в роде Salmo установление видов чрезвычайно затруднительно вследствие близости их друг
к другу и существования множества разновидностей. Поэтому и видовая самостоятельность форели часто подвергалась сомнению: так настоящая
или речная форель (S. fario) часто считается тождественной с озерной форелью (S. lacustris).
</td>

</td>
</tr>

<tr>
<td class="descrfoto">
<img class="idescrfoto" align="left" src="prev_img/61450299.jpeg" width="80" height="100" alt="" border="0">

Может быть, это самое удивительное место на всей планете. Здесь нет четырех сторон света: куда не повернись – юг, и все ветры дуют туда. Над этой «макушкой мира» вместе с суточным вращением Земли
никогда не восходят и не заходят звезды, а главная – Полярная, маяк всех путешественников северного полушария, - будто навечно застыла в зените.

</td>

<td class="descrfoto"><img class="idescrfoto" align="left" src="prev_img/862091276.jpg" width="100" height="80" alt="" border="0">

Может быть, это самое удивительное место на всей планете. Здесь нет четырех сторон света: куда не повернись – юг, и все ветры дуют туда. Над этой «макушкой мира» вместе с суточным вращением Земли
никогда не восходят и не заходят звезды, а главная – Полярная, маяк всех путешественников северного полушария, - будто навечно застыла в зените.

</td>

<td class="descrfoto"> <img class="idescrfoto" src="prev_img/939612031.jpg" width="100" height="35" alt="" border="0"></td>

<td class="descrfoto"> <img class="idescrfoto" src="prev_img/354421347.jpg" width="100" height="80" alt="" border="0"> </td>
<td class="descrfoto"> <img class="idescrfoto" src="prev_img/153558857.jpg" width="100" height="80" alt="" border="0"></td>

</td>
</tr>

</div>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

</body>
</html>

Обсуждение

Неизвестный

01.11.2010, 11:50

общий

Дополнение к вопросу: Если в окне первый или последний ряд картинок - то кнопка "Вверх" (или "Вниз") - становится в положение disabled.

давно

Сучкова Татьяна Михайловна

Мастер-Эксперт
680
2811

06.11.2010, 00:17

общий

Посмотрите эти скрипты. Может, какие-нибудь из них Вам подойдут.
URL >>1
URL >>2
URL >>3

Неизвестный

06.11.2010, 10:22

общий

Спасибо,большое - теперь принцип стал понятен, скрипты конечно надо доработать ,но это уже мелочи).

Форма ответа

Отправка постов/ответов доступна только зарегистрированным и подтвержденным пользователям.

Если Вы уже зарегистрированы на Портале - войдите в систему, если Вы еще не регистрировались - пройдите простую процедуру регистрации.