多くのコンテンツを見せる際にフィルタリング機能やソート機能などを付けて、ユーザーの利便性を向上させましょう。
さらにモーダルウィンドウを追加して、ページ遷移することなく、動線をそのページで完結出来るようにしましょう。
■mixitup
■高機能モーダルウィンドウ「Fancybox」のCDN
今回はモーダルウィンドウにLightboxの代わりに「Fancybox3」を使用してみます。
★fancybox CSS
| <link rel=”stylesheet” href=”https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css” /> |
★fancybox JS
| <script src=”https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js”></script> |
参考サイト
クリエイティブ・コモンズ・ライセンス
また、フリー素材の使い方だけでなく、画像素材等の著作物の権利についてもしっかりと覚えましょう。