Q&A
前提・実現したいこと
ワードプレステーマ作成において
zoomslieder を実装したいが、画像がうま表示されません（htmlコーディングでは実装できています）
発生している問題・エラーメッセージ
consoleエラー無し
該当のソースコード
<!doctype html> <html lang="ja"> <head> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/js/dist/zoomslider.css"> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/modernizr-custom.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/dist/jquery.zoomslider.min.js"></script> <body> <div id="zoom" data-zs-src='["<?php echo get_template_directory_uri(); ?>/images/uluru.jpg", "<?php echo get_template_directory_uri(); ?>/images/taru.jpg"]' data-zs-speed="8000" data-zs-switchSpeed="800" data-zs-interval="4500" data-zs-overlay="dots"> </div> </body>
試したこと
画像の読み出し方が違うのかと思いテンプレートタグをいくつか変えてました。
補足情報（FW/ツールのバージョンなど）
HTMLの方では下のように読み込まれています
```
回答1件
0
ベストアンサー
まず、jQueryが読み込まれているか確認してください。
そしてjquery.zoomslider.min.jsは画像より後に読み込んでください。
jsやcssをheader.phpに直に書いているようですが、専用の関数が用意されているので作法に従った方が無難です。
投稿2020/01/11 23:29
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/15 00:21