Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Прокрутка блока

Автор: Toska 24.1.2011, 15:15

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

Пытаюсь реализовать автопрокручивание содержимого, допустим нескольких блоков 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

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

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

Автор: Toska 24.1.2011, 19:18

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

Автор: cccr85 25.1.2011, 10:29

http://yandex.ru/yandsearch?text=jquery+%D0%BA%D0%B0%D1%80%D1%83%D1%81%D0%B5%D0%BB%D1%8C+&clid=9582&lr=20

Автор: Toska 25.1.2011, 10:42

Запарил.

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

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

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

Автор: cccr85 25.1.2011, 12:11

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

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

Во-вторых, я тебе дал ссылку на карусели для 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

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

Автор: cccr85 25.1.2011, 13:12

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