Красное море, подводная фотосъемка
Модель - замечательная A Mystery
Фотограф - Виталий Сокол
Приятных мыслей в процессе созерцания
|-------------- more A Mystery -------------|
- Underwater Dance
vitaly_sokol- January 24th, 2014
Красное море, подводная фотосъемка
Модель - замечательная A Mystery
Фотограф - Виталий Сокол
Приятных мыслей в процессе созерцания
|-------------- more A Mystery -------------|
Встроенный скрипт смены картинок - очень на своем месте, красиво... Всегда перехожу на вашу страницу, чтобы посмотреть как работает.
Смотрится-то очень хорошо, а Ваших снимках, когда есть еще лучи пронизывающие воду, такая свето-тональная перспектива, когда наводишь курсор, иногда кажется, что картинка оживает... Словно видишь как эти лучи перемещаются, плещется вода. Одним словом - мне очень нравится.
Я всячески рассмотрел Ваш код и... не понял его. )))
У меня в журнале подобный эффект реализован другим способом. Попробовал Ваш и у меня он не работает - в моем журнале смотрится хорошо, но вот в ленте друзей, картинки расползаются и залезают под нижеследующие посты. Однако у Вас этого не происходит...
Понимаю, что при генерации страницы в браузере, код меняется, но тем не менее, поделитесь секретом, если не трудно?
Код простой - один контейнер DIV для двух картинок, ему жёстко задаётся размер по ширине и высоте, я уже не помню, закодил и забыл, надо CSS смотреть.
Внутри дива ещё два контейнера, можно span сделать, можно DIV.
На CSS висит стандартная CSS3 анимация.
Хмммм. Вот в том и прикол. Ваш код не расползается, я посмотрел... убей меня - не могу понять как. )))
У меня так получается если я жестко задаю высоту-ширину основного div контейнера "container_before_after" в два раза больше чем обе картинки.
Т.е. так:
Но в таком случае получается что контейнер разбивает мою страницу, оставляет много места после картинки... Логично, ведь контейнер в два раза по горизонтали больше и загружается сразу весь...
Я подозреваю, что может Вы используте кусок кода который означает "конец "поста"".
Ваш вот этот пост содержит и контейнер и текст и кат и т.п., а в ленте друзей отображается следующим образом:
(картинка 1)
(картинка 2)
(подписи)
(кат)
(подпись "приятного просмотра")
Т,е. видно все - и ничего никуда не залезает... У меня в такой ситуации, картинка 2, закрывает текст снизу, сквозь нее видно кат, и залезает под нижеследующий пост. При этом я просто пытался себе скопировать Ваш код и ничего не исправилось.
Не думаю, что это проблема в загрузке Css - браузеры, я так понимаю, пытаются сами проверить качество загруженной страницы по некоторым контрольным суммам.
Вы случайно не пользуетесь какой-нибудь программой для ЖЖ? Semagic или в таком духе? Может это они вносят какой-то дополнительный код? Пользуетесь обычном "катом" или каким-то особенным?
Извините, что пристаю, но интересно же... )))
У меня в журнале используется более простой код. Вторая картинка прячется и в "ленте друзей" видна только одна. Правда еще не проверил в Opera и Safary как это выглядит.
position: absolute;
left: 0;
top: 0;
transition-delay: 0s;
transition-duration: 0.25s;
transition-property: all;
transition-timing-function: ease;
Edited at 2014-01-26 03:22 pm (UTC)
пошел копать... )))0