woodoo

Изображение parallax в header

    4 сообщения в этой теме

    Приветствую! Подскажите, пожалуйста при посадке на хостинг в хэдере не отображается картинка параллакса, хотя на локалке все работает.

    <header class="main-head bg-dark parallax-window" data-parallax="scroll" data-image-src="<?php echo get_template_directory_uri(); ?>/img/bg.jpg" data-z-index="1">

    пробовал также stylesheet подставлять в get_. Может, нужно для параллакса что-то еще дописать? (в консоли 404 на картанку пишет)

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    А можно ссылку?

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Точно, ссылка: http://woodoo.esy.es/

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Скрипт паралакса пытается получить картинку по конкретно заданному пути, поэтому сгенерированный им перекрывался. В этом и была проблема)

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!


    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.


    Войти сейчас

    • Похожие публикации

      • TrueGavr
        Автор: TrueGavr
        есть такой параллакс, никак не могу добиться того, чтобы он был по всей области экрана вне зависимости от того какой масштаб страницы или это 35% или 150%
        нужно чтобы он всегда оставался одного размера
        P.S с простым фоном сделать это легко, надеюсь и здесь решение под поверхностью.
        <!DOCTYPE html> <html lang="en" class="no-js demo5"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="shortcut icon" href="../file/favicon.gif"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <link rel="stylesheet" type="text/css" href="css/default.css" /> <script type="text/javascript" src="js/jquery.interactive_bg.js"></script> <!-- Edit Below --> <link rel="stylesheet" type="text/css" href="css/style.css" /> <body> <div class="container bg" data-ibg-bg="bg.jpg"> <div class="container bg" </div> <script type="text/javascript"> $(".bg").interactive_bg(); $(".bg").interactive_bg({ strength: 38, scale: 1.05, animationSpeed: "150ms", contain: false, wrapContent: falce, }); </script> </div><!-- Container --> </body> </html>  
      • AlexxD
        Автор: AlexxD
        Всем привет!
         
        Срочно ищем в офис в Москве на полную ставку отвязного frontend-разработчика с навыками джедая. Полное описание вакансии здесь: https://moikrug.ru/vacancies/1000021706
         
        Пишите на почту из текста вакансии или мне в личку.
         
      • jdk
        Автор: jdk
        Добрый день.
        С простом параллакс эффектом разобрался на этом примере. Перемещение объектов при скроле тоже более-менее разобрал (на статичном фоне). Хочу сделать что бы при прокручивании в слое с параллаксом изображения (именно в этом слое) тоже перемещались. Подскажите пожалуйста где можно посмотреть материал, желательно для самых начинающих. Нашёл пару примеров, но для меня пока слишком мудрёно. Хочу что бы на выходе получилось что то вроде этого.