Q&A
この前のスライドショー化の設定をしたのにプラウザーで確認したところうまく出来てなくって困っています。誰か助けて下さい、お願いします。
html
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="keywords" content="ベネヴィータ王慈のホームページ"> 6 <meta name="description" content="ベネヴィータ王慈のホームページです。"> 7 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/slick-carousel/1.6.0/slick.min.css"> 8 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/slick-carousel/1.6.0/slick-theme.min.css"> 9 <link rel="stylesheet" type="text/css" href="ベネヴィータ王慈のホームページ.css"> 10 <link rel="next" crossorigin="use-credentials" href="障がい者支援施設 ベネヴィータ王慈.html 地域密着型特別養護老人ホーム ベネヴィータ王慈.html 障がい児通所支援 地域生活支援 エンゼルきっず.html"> 11 <style type="text/css"> 12 *{ 13 margin: 0; 14 padding: 0; 15 } 16 .slide{ 17 margin: 0 auto; 18 width: 80% 19 } 20 .slide img{ 21 margin: 0 auto; 22 } 23 .slick-prev:before,.slick-next:before{ 24 color: #000000; 25 } 26 </style> 27 <title>ベネウィータ王慈のホームページ</title> 28 </head> 29 <body> 30 <div class="i"> 31 <a class="b" href="ベネヴィータ王慈のホームページ.html">ベネヴィータ王慈のホームページ</a> 32 </div> 33 <p/> 34 <div class="slide"> 35 <div class="wa"> 36 <a href="障がい者支援施設 ベネヴィータ王慈.html"><img src="ap.jpg" alt="ベネヴィータの写真"></a></div> 37 <div class="wa"> 38 <a href="地域密着型特別養護老人ホーム ベネヴィータ王慈.html"><img src="hp/花見0405 (5).JPG" alt=""></a></div> 39 <div class="wa"> 40 <a href="障がい児通所支援・地域生活支援 エンゼルきっず.html"><img src="hp/花見0405 (61).JPG" alt=""></a></div> 41 <div class="wa>" 42 <a href="ベネヴィータ王慈へのアクセス.html"><img src="hp/花見0405 (6).JPG"></a></div> 43 <div class="wa"> 44 <a href="ベネヴィータ王慈のホームページ (行事).html"><img src="hp/忘年会1228 (277).JPG" alt=""></a></div> 45 </div> 46 <div class="tx"> 47 <p><a href="#ne">法人の理念</a>と<a href="#vi">ベネヴィータの意味</a>は？</p> 48 <section class="be"> 49 <p id="ne">こころゆたかに すこやかに</p> 50 <p class="be">私たち王慈福祉会の使命は、ご利用者、地域の方々そして働く職員が生活していく上で価値あるものでなければならないと考えています。私たち王慈福祉会は、お一人おひとりの尊厳、ニーズや権利に対する思いを心に刻み、暖かで和やかな空間、心の拠り所を整備し、誰もが幸せになれるよう、笑顔や心のこもった高水準のサービスの提供を心がけています。<br> 51 私たちの高齢者や障がい者、児童のための高品質な支援・サービスが、地域の方から最初に選ばれる存在であり続けたいと常に願っています。<br> 52 ご利用される皆さんの権利の尊重、倫理綱領につきましては、こちらに掲載しております。<br></p> 53 <p id="vi">ベネヴィータの意味とは？</p> 54 <p>よき人生、よき命、よい暮らしという意味です。</p> 55 </section> 56 </div> 57 <script type="text/javascript" src="http://code.jquery.com/jquery-3.1.1.min.js"></script> 58 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min,js"></script> 59 <script> 60 $(document).ready(function() { 61 $(".slide").slick({ 62 accessibility:true, 63 arrows:true, 64 autoplay:true, 65 autoplaySpeed:1500, 66 centerMode:true, 67 dots:true, 68 fade:true, 69 infinite:true, 70 pauseOnDotsHover:false, 71 pauseOnHover:false, 72 speed:500 73 }); 74 }); 75 </script> 76 </body> 77</html>
回答1件
0
ベストアンサー
min,jsをmin.jsにしてください
修正前
html
1<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min,js"></script>
を
修正後
html
1<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
投稿2017/01/25 00:58
総合スコア1820
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/25 01:08