jQueryライブラリを使った画像の魅せ方について学習します。
効果的な画像の使い方やjQueryについて理解することが目的です。
Contents
jQueryライブラリ
jQueryライブラリを使うと、HTMLやCSSよりもっと、複雑な操作に対する動きや動作・表示ができるようになります。
jQuery 3.6.0のライブラリファイルのダウンロードページへのリンクと、ここから直接ファイルをダウンロードできるようにボタンを用意しました。
jQueryライブラリのCDN
CDN（コンテンツ・デリバリー・ネットワーク）は、ファイルをダウンロードしなくてもサーバー経由で読み込むことができる方法です。
この講座でもよく紹介するのは<cdnjs>のサイトですが、便利でオススメです。
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>タイトル文</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
jQuery3.6.0のCDNをコピーできるようにしました。
記述場所は<title>の下に貼り付けるといいでしょう。