Карл Майнхофф

Выкатывайте на Codepen, глянем

Сколько можно просить выкладывать код в песочницу?

Берем несколько картинок, нумеруем, потом для каждого новоприбывшего генерируем случайное число и записываем в куки. Потом достаем число из куков, и если оно досталось, то отображаем картинку с этим номером. Ну а если нет - значит пользователь новоприбывший.

var startDate = Date.parse('16.11.2016 09:00');
var endDate = Date.parse('16.11.2016 21:00');

Только дату в корректном формате поставить надо будет.

Все зависит от того, каким способом эта самая плавная анимация реализована. Когда я использовал Angular Material, я решал проблему таким костылем: пихаем белый прямоугольник на весь экран и после загрузки убираем JS-ом

Я бы выбрал второй способ и добавил к нему скриптик на PHP, который выкачает все нужное от вас и раскидает у клиента как нужно.

Такой способ хранения данных крайне неоптимален. Используйте PHP+SQL, отдавайте данные как JSON, принимайте через jQuery и парсьте. Изменять одним JS скриптом другой так, чтобы он сохранился - невозможно

Вы вставляете код в Тостер, а не в Codepen/JSF. Вот что не так

Засовываете изображения в одно, в ряд.
Затем jQuery сдвигаете изображения через модификацию CSS.
И CSS анимация.
Код выложу.
UPD: codepen.io/kkremen/pen/adMBNo

Options -Indexes
Запрещает просмотр содержимого директории без файла (index|default).(php|htm[l])

Codepen в студию!

Как вариант: https://github.com/sxalexander/jquery-scrollspy
Этот вариант лично не использовал, юзал одноименную реализацию из Materialize

Господи, сколько уже учить народ: пихайте же, наконец, в Codepen код, больше ответов будет!

codepen.io/kkremen/pen/bEKPba пробуйте

Во-первых: по возможности, делайте selector по id.
Во-вторых: в это поле вводить должен пользователь или там уже есть значение. Если первое, то нужно брать по событию. onchange, например. Если уже есть - все должно работать.

Все же где-то у вас кодировка cp1251. Проверьте получше.

Тут все показано пошагово

Легче всего будет реализовать вручную через HTML и CSS