Слайдер
Читатели нередко задают вопросы по модным ныне веб-дизайнерским фичам — таким, как выпадающие менюшки, недвижимые при прокрутке элементы и панельки и, что особенно увлекательно, «сменяющиеся картинки». Как мол этого достичь?
Это все из разряда свисто-… (ну вы поняли), хотя иногда подобные решения могут быть эффективными.
Проблема в чем: такие штуковины — элементы дизайна — воспроизводятся конечному пользователю с помощью джава-скриптов. Штука эта сколь функциональная, столь и спорная. Многие придирчивые юзеры джаву (javascript) просто отключают в своих браузерах, как один из способов обеспечения сетевой и локальной безопасности. Джава-скрипты могут нести не только декоративные или эргономические функции, злоумышленники нередко используют джаву для разных пакостей…
Джава требует подгрузки файлов со скриптами и встраивания своего кода и ссылок в голову (<head></head>) веб-страницы. А в случае движкового сайта (если не извращаться) — во все страницы, ибо код идет в общий файл header.php, где содержатся мета-теги и прочие полезные для браузера вещи.
Это не проблема большого масштаба: два скрипта весят 300 килобайт, пяток картинок где-то 500, ну и накиньте пару десятков килобайт к хедеру… Мегабайт. Много? У меня скорость инета 1,3 Мбайта в секунду. Для меня это мелочи. Но. Я постоянно сталкиваюсь с претензиями читателей, у которых мои сайты долго грузятся по одной простой причине — медленный, глючный интернет-доступ.
Тут я в очередной раз разведу руками…
Ну вот, я по-быстрому сварганил слайдер из подручных картинок (виды из окна):
Код:(del) Решил в 2017 восстановить слайдер, по-другому только разве что слепленный (однако с адаптивностью лень возиться, поэтому на малых разрешениях будет видно меньшее поле, но картинка скрозь него будет проплывать целиком :)). Картинки красивые, чего в черновиках лежать. Старый слайдер не работал во многом из-за того, что wordpress применял свое форматирование... Я тогда с этим и не думал бороться. Убббррал запись... Сейчас я это несколько снивелировал. А код.. ищите, что вам нравится в гугле... Есть более впечатляющие решения.
Результат нормальный. Да, надо бы разобраться. Я поначалу подумал, что это свойства эффекта, «переход через ноль», но так не должно быть… Ну, что, разобраться даже полезно. Когда сам пишешь код страницы руками — все можно контролировать, когда за тебя сколачивает страницу «машина»… Эх.
Применяются слайдеры широко. Редкий мультимедийный или вообще вабдванольный сайт сейчас обходится без слайдеров. Иногда их делают не только с помощью джавы, но и с помощью флеша. Один хрен, между прочим.
Ну, а главное применение: разнообразные портфолио, в особенности у фотографов. Обычно все крутится на черном фоне, одновременно используются несколько слайдеров больших и малых. Просто дух захватывает. Может и мне забабахать такую красотень?
:)
Несколько однотемных публикаций:
- 01.10.2011 Блого-конструкторское
- 25.12.2010 Merry Christmas!
- 05.09.2010 Яндекс отжигает :)
- 11.02.2010 HTML мнемоники (избранное)
- 01.02.2010 Конверт для CD v.0.17
- 11.10.2009 50 лет космических исследований
- 17.09.2009 Полетаем!