data-image-srcが正常に動かない

Question

閲覧いただきまして、ありがとうございます。

Parallax.jsライブラリをつかって、パララックス機能を付与しようと考えているのですが、なぜか自分の環境では正常に動かず困っています。

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

<div class="parallax" data-parallax="scroll" data-image-src="{{ app.config.front_urlpath }}/img/parallax_bg.jpeg" data-speed="0.6">
</div>

本来であれば、下記のようにタグ変更なく通常通り、パララックス効果を実装されるはずのですが

<div class="parallax" data-parallax="scroll" data-image-src="/template/default/img/parallax_bg.jpeg" data-speed="0.6">
</div>

コンソール上でstyleに背景画像が展開されてしまっています。
背景画像は表示されていますが、パララックスが付いていない状態となります。

<div class="parallax" data-parallax="scroll" data-image-src="/template/default/img/parallax_bg.jpeg" data-speed="0.6" background-image: url("/template/default/img/parallax_bg.jpeg"); background-size: cover; background-position: center center;>
</div>

他のJSライブラリが邪魔してしまっているのかなと思うのですが、検証の仕方が見つからず。。。汗

document.addEventListener('DOMContentLoaded',  () => {
    const div = document.querySelector('.parallax');
    div.removeAttribute('style');
});

上記のように一度、styleを消してみたところ、style部分は表示されましたが、パララックスと背景画像は適用されなくなりました。

令和一発目に情けない質問で恐縮ですが、原因不明で困っています。
すみませんが、御指南いただけませんでしょうか？

Comments

[m.ts10806]

PHP？

[k10a]

すみません、一応Laravel上でやっていたことだったので、PHP入れましたが、PHPタグを排除しました。

[m.ts10806]

でしたら「Laravel5」はあったほうがいいですね。
JavaScriptだけだと下記がなんのことかわかりませんので
{{ app.config.front_urlpath }}
JavaScriptだけで問いたいのでしたら上記は適当に置き換えたほうが良いでしょう。

[k10a]

ご指摘いただきまして、ありがとうございます。
こちら適当に変更させていただきました。