javascript
https://www.youtube.com/watch?v=uxw0P6uXzy8
width、height指定しても画像が表示されません。
<P>タグを入力すると<p>タグの範囲のみ画像が少しだけ見えます。
htmlコード
<!DOCTYPE html> <html> <head> <mete charset="utf-8"> <title></title> <link rel="stylesheet" href="stylesheet.css"> <link rel="stylesheet" href="public/assets/CSS/vegas.min.css"> </head> <body> <div id="vegas-slide" class="visual"> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script type="text/javascript" src="public/js/vegas.min.js"></script> <script type="text/javascript"> $('#vegas-slide').vegas({ slides:[ { src :'public/assets/img/IMG_2695.JPG'}, { src :'public/assets/img/photo-1588449902285-ec04c20892ba.jpeg'}, { src :'public/assets/img/website.port.jpg'} ] }); </script> </body> </html> **css** body{ width: 100%; height: 1000px; }.visual{
width: 100%;
height: 1000px!important;
}
試したこと
URLのYouTubeの通りに設定しました。
エラーコードは出ておらず、検証で確認しましたがコードは入力されています。
あなたの回答
tips
プレビュー