VPF::Прокрутка блока - Форум программистов

Toska

Дата 24.1.2011, 15:15 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 62
Регистрация: 9.5.2007

Репутация: нет
Всего: нет

Здравствуйте.

Пытаюсь реализовать автопрокручивание содержимого, допустим нескольких блоков div.

Подскажите как реализовать, что бы не было пустого места после последнего объекта?

Не дожидалось когда все объекты пройдут круг.

То есть сразу после последнего шел снова первый, и так по кругу.

Делаю пока вот так:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="200" border="1">
  <tr>
    <td><MARQUEE onmouseover=stop() 
style="HEIGHT: 300px"
 onmouseout=start() scrollAmount=5 scrollDelay=5 direction=up valign="top">
<DIV>
 <table>
<tr>
<td>
<div style="height:50px; width:50px; background:#0F0"> </div>
<br>
<div style="height:50px; width:50px; background:#F00"> </div>
<br>
<div style="height:50px; width:50px; background:#00F"> </div>
</td>
<tr>

</table>
</DIV>  </MARQUEE></td>
  </tr>
</table>

</body>
</html>

Спасибо.

cccr85

Дата 24.1.2011, 18:28 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 43
Регистрация: 13.7.2010

Репутация: нет
Всего: 2

Если надо быстро и не заморачиваясь, берем jquery и какой нибудь плагин. И адаптируем.

MARQUEE никто для этого не использует.

Toska

Дата 24.1.2011, 19:18 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 62
Регистрация: 9.5.2007

Репутация: нет
Всего: нет

cccr85, ну подсказал бы примере smile

Это сообщение отредактировал(а) Toska - 24.1.2011, 19:19

cccr85

Дата 25.1.2011, 10:29 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 43
Регистрация: 13.7.2010

Репутация: нет
Всего: 2

Яндекс подскажет

Toska

Дата 25.1.2011, 10:42 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 62
Регистрация: 9.5.2007

Репутация: нет
Всего: нет

Запарил.

Знал бы как исправить не писал бы тут.

Какая тогда целесобразность этого форума? тем более от твоих сообщений.

ЗЫ. Пользуюсь гуглом

cccr85

Дата 25.1.2011, 12:11 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 43
Регистрация: 13.7.2010

Репутация: нет
Всего: 2

Желание помогать тебе все меньше и меньше.

Во-первых, скажи спасибо что тебе отвечают, и будь за это благодарен. Тебе здесь никто ничего не должен!

Во-вторых, я тебе дал ссылку на карусели для jquery. Твоя задача найти подходящую тебе, и адаптировать под себя. Либо попросить кого нибудь адаптировать под тебя.

В-третьих твоя задача не решается одной строчкой, платите деньги, я решу твою задачу. Могу только поделится алгоритмом, и рассказать как сделать. А дальше уже сам.

И так, имеем например такую разметку:

Код


<div id="conteiner">
    <div id="drag">
        <div class="content"></div>
        <div class="content"></div>
        <div class="content"></div>
        <div class="content"></div>
    </div>
</div>

И такой css:

Код


#conteiner {
    width:300px;
    height:50px;
    overflov:hidden;
}
#drag {
    width:800px;
    heigth:50px;
}
.content { 
   width:200px;
   heigth:50px;
}

Теперь по поводу алгоритма, надо менять значение свойства margin-left у блока drag для того чтобы осуществлять прокрутку.

Как только маргин станет равным -600px надо первый блок с классом .content поставить в конец очереди, и сменить маргин на -400px

Объяснять как это сделать у меня нет желания. Если хочешь, могу помочь за деньги.

Toska

Дата 25.1.2011, 12:31 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 62
Регистрация: 9.5.2007

Репутация: нет
Всего: нет

тоже мне барыга, сам сделаю smile

cccr85

Дата 25.1.2011, 13:12 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 43
Регистрация: 13.7.2010

Репутация: нет
Всего: 2

мда.. жалею что помогал Вам

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »