• Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Что я делаю не так ? (Эффект параллакса) (Эффект параллакса создаёт иллюзию трёхмерного пространства)
Что я делаю не так ? (Эффект параллакса)
waak
Пятница, 17 Февраля 2017 | Сообщение 16
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Цитата kldou24 ()
waak, незаморачивайся ...Бог с ним ...Тема закрыта.Ты прав дело в скрипте.Спасибо за суету


Быстро вы сдались вот я на тестовый сайт себе поставил и настроил его отображения ссылка там для примера взял вашу картинку шапки

если что не так можно поправить а пока вот как его установить

подключим библиотеку и сам скрипт к сайту перед тегом /body на нужной страницы в вашем случае на все

Код

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/js/parallax.min.js"></script>


теперь добавим сам код блока с картинкой в верхнюю часть сайта в самый верх
Код


<div class="parallax-container" data-parallax="scroll" data-image-src="//talantlev.ucoz.ru/jMS7Dw.jpg">

</div>
<style>
.parallax-container {
min-height: 300px;
background: transparent;
    -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s;
}
    .parallax-slider {left:0px!important}
    
    @media screen and (max-width: 1000px) {.parallax-container {min-height: 200px;}}
    @media screen and (max-width: 800px) {.parallax-container {min-height: 150px;}}
    @media screen and (max-width: 500px) {.parallax-container {min-height: 100px;}}
</style>


тут я сразу добавил и стили нашего блока думаю там нечего сложного нету и описывать я их не буду но если возникнут вопросы то задавайте я вам отвечу также сделал ему адаптацию под моб устройства

больше нечего подключать не нужно!


Сообщение отредактировал
waak - Пятница, 17 Февраля 2017, 12:18
Страна: (RU)
Angerfist
Пятница, 17 Февраля 2017 | Сообщение 17
Оффлайн
Vip
Сообщений:767
Награды: 21
влезать в изучение кода не буду) имхо эффект этот паралакс лишнее, раздражает он пользователя сайта. Имхо сайт в том виде в котором сейчас удобнее, простота у крупных порталов всегда притягивала пользователя, он идёт за информацией а не смотрит особо на оболочку (не призываю делать портал вообще простым).

No regrets
Страна: (RU)
cyber-soldier
Четверг, 19 Сентября 2019 | Сообщение 18
Оффлайн
Пользователи
Сообщений:1
Награды: 0
Параллакс часто делается для промо сайтов, там как раз важно привлечь внимание, удержать человека. И он с этим справляется. Просто нужно чувствовать меру и делать легкий эффект.
Страна: (RU)
Форум » Веб-разработка » Вопросы про uCoz » Что я делаю не так ? (Эффект параллакса) (Эффект параллакса создаёт иллюзию трёхмерного пространства)
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: