Материализуйте инициализацию Parallax на Meteor

Question

Я использую materializecss как интерфейс для моего личного сайта, который я сейчас разрабатываю. Я использовал их шаблон Parallax стартера, и все работает, но почему-то мои изображения Parallax не отображаются. Я считаю, что это имеет какое-то отношение к инициализации.

фрагмент одного из параллакса для HTML:

<template name="parall"> 
    <div class="parallax"><img src="/public/background1.jpg"> 
    </div> 
</template> 

JS:

if (Meteor.isClient) { 
    Template.parall.onRendered(function(){ 
     $(".parallax").parallax(); 
    }); 
} 

if (Meteor.isServer) { 
    Meteor.startup(function() { 
     // code to run on server at startup 
    }); 
} 

Answer 1

Просто попробуйте удалить "общественность" из вашего IMG SRC, и вместо того, чтобы использовать "/background1.jpg" , [Предполагая, что «общедоступный» каталог находится в папке проекта маршрута].

Вам не нужно указывать «общедоступный» при доступе к ресурсам, хранящимся в общедоступном каталоге. Это один из немногих зарезервированных имен каталогов в структуре метеор.

Answer 2

Вы пробовали показывать изображения с помощью css?

.parallax { 
background-image: url("/background1.jpg"); 
} 

Answer 3

Оберните div.parallax в div.parallax-контейнере

Answer 4

Оберните ДИВ в параллакс-контейнере, как уже размещен

<div class="parallax-container"> 
    <div class="parallax"><img src="/images/parallax1.jpg"></div> 
</div> 

и добавьте следующий код в ваш CSS

.parallax{ 
    position:static!important 
}