Как сделать бегующию строку, что не так ?

Question

[fulli]

Вот код, не много изменил

как сделать что бы дивы были в одну линию и не сваливаливались вниз?

Answer 1

[Евгений Петров]

jsfiddle.net/petroveg/bqs36bqo

Comments

[fulli]

Снова выручил, при много благодарен)

[fulli]

Я короче посмотрел и сделал свое. В место left - transform.
В этой анимации есть 1н недостаток, если сделать разные блоки, то будет видно где анимация начинается и заканчивается. Могу выложить свой вариант если интересно. Там анимация в два потока, еще не настроена полностью, но почти не заметно, если только всматриваться.

[Евгений Петров]

@fulli если уж решили transform, делайте через translate3d. Она быстрее.

[fulli]

На много ? Я не заметил, а вот нагрузка прибавилась. Я вообще отказался ото такого способа, забыл что js по любому будет, так что реализовал на нем.

[Евгений Петров]

@fulli вы по-прежнему не понимаете, что с помощью JS вы управляете CSS. Сам по себе JS не может ничего визуализировать.

[Евгений Петров]

@fulli чтобы сделать циклическое движение, нужно либо:
— постоянно переставлять последний блок на первое место по его выходе за пределы видимой области + суммарная ширина блоков должны превосходить ширину этой области
— продублировать набор блоков, поставить их друг за другом, и организовать работу наборов в полуфазе

Второй вариант потребуется всегда, если суммарная ширина блоков меньше области просмотра этих блоков.
Для CSS анимации нужно знать ширину этой области — сдвиг зависит именно от этой ширины. Ну и поскольку переставлять CSS не умеет в принципе, то нам нужен дубляж.

jsfiddle.net/petroveg/bqs36bqo/1

[fulli]

@Petroveg Я понимаю что js только управляет событиями. Я просто сделал не большой скрипт, который попросту изменяет название блоков, в свое время они движутся довольно плавно. Вы гений по части css, знаете по любому больше меня. Я начала лишь год назад и из этого года только неделю писал. Поэтому обхожусь костылями, со временем я надеюсь буду так же эксперт как и вы) Так что у меня есть на кого ровняться. Спасибо вам.

Answer 2

[Виталий Киренков]

"После такого фиаска, мне кажется что я нефига не знаю о css." - вам не кажется...

Comments

[fulli]

Я про анимацию, не имеет смысла сейчас что-то стилизовать.

[Виталий Киренков]

Даже начинающий верстальщик должен знать, что нельзя на странице использовать больше одного id... Дальше даже смотреть не стал.

[fulli]

Это предпочтение сестиматики

[fulli]

И да, id может быть сколько угодно. Зависит от того как из использовать будут.

[Анна Бакурова]

@fulli предпочтение ставить более одного id?
.Тогда контрольные вопросы.
Что такое ID?
В чём его главное отличие от Class?

[Иван]

@fulli одинаковых id

[Анна Бакурова]

@fulli и в чём проблема у Вас? Нужно чтобы анимация плавно проходила не прерывая линию блоков?

[fulli]

У id выше роль, чем у класса. id используют для js, к примеру. К примеру ajax. Или передача значения через php.

[fulli]

@Libris Да, а так же что бы все дивы помещались. В зависимости от ширины окна их может больше или меньше, а надо что бы были все.. и отступы должны быть одинаковыми. Кажется по любому придется в js прибегать, чего не особо хочется.

[Евгений Петров]

@fulli ну вы хоть спецификацию-то почитайте. Атрибут id предназначен для уникальных элементов. А в JS мы может использовать абсолютно любые атрибуты.

передача значения через php

Тсс-с--с... Вы это больше никому не говорите, засмеют...

[fulli]

Не стоит судить по 1му взгляду, я знаю от html до c++ и способен не только html странички делать. Я могу написать сниффер. Ты больше болтаешь чем делаешь, это говорит о том что ты сам не знаешь. И запихни свою систематику, ну ты знаешь куда. Жить по правилам скучно, к тому же вспомни изначально предназначение их.

[fulli]

@Petroveg То что выше не вам. Да знаю что для уникальных элементов, можно просто значения использовать итд. ЧТо удобнее.

[Иван]

@fulli угарный ты чел

[vis0r]

"я знаю от html до c++ и способен не только html странички делать. Я могу написать сниффер."

лол