下記の続きです。
wordpressでslickが動作しない。functions.phpの書き方の問題?
slickの読み込みのところの問題は解決したのですが、なぜか画像が常に大きく表示されてしまいます。
現状のhtmlとcssの記述は下記です。
<div class="slider"> <p class="box01"><img src="<?php echo get_template_directory_uri(); ?>/src/image/photo04.jpg" class="fuwatto1" alt=""></p> <p class="box01"><img src="<?php echo get_template_directory_uri(); ?>/src/image/photo03.jpg" class="fuwatto1" alt=""></p> <p class="box01"><img src="<?php echo get_template_directory_uri(); ?>/src/image/photo04.jpg" class="fuwatto1" alt=""></p> </div> //css .slider{ margin: 100px auto; width: 80%; opacity: 0; transition: 3s; } .slick-initialized{ opacity: 1 } //js $('.slider').slick({ });
これまでslickを使ってきた時は画像をdivで囲んで、jsでdivに対してslickの記述を追加すると、自然にレイアウトも整っていた気がするのですが、こちらなぜ画像が大きく表示されてしまうか原因分かったりしますでしょうか??
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/25 11:36