Q&A
すいませんHP始めた初心者です
初めてわからない事だらけで助けていただけると
ありがたいです
ある自分のフォルダ内の写真を
googleの画像検索みたいに
縦に無限スクロールするように
一覧表示するページを作成したいのですが
方法がわかりません。
ネットで調べようとしたのですが
なんて調べればよいかすらわからない状態で
闇雲に調べても求めているものにたどり着くことが出来ない状況です
何か良い方法はないでしょうか？
よろしくお願いします
回答2件
0
前提：
１、HTML、CSS、JavaScript は見ればなんとかなる
２、jQuery も何とかなる
３、英語サイトも辞さない
として、リンクをご紹介します。
まず、ただ、無限スクロールするのは、Infinite scroll と言います。１コラムやサイドバー付の２コラムでのレイアウトで、コンテンツ領域いっぱいに画像を表示（つまり１段に一枚）するだけなら、これで実装出来ます。
オリジナル： http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/
jQuery Plugin ですので、jQuery が必要です。
日本語の秀逸な解説記事： http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-infinite-scroll.html
※実際はアイディア次第で１段複数画像も行けると思いますが…。ただ、同一サイズが前提ですね。
もう一つは、件の Google 画像検索や、Pinterest 風の表示方法で Masonry と言います。出来る事が多く優秀なスクリプトですが、逆にそこの敷居は高いかも知れません。
オリジナル： http://masonry.desandro.com/
こちらはそのままでも利用出来ますが、 jQuery Plugin としても機能しますので、この場合は jQuery が必要です。
最後は、JavaScript ベースではないもの。
オリジナル： http://salvattore.com/
解説記事：http://coliss.com/articles/build-websites/operation/javascript/js-salvattore.html
こちらはスクリプト系の依存関係が無く、グリッド・デザインの様に表記出来、そのままレスポンシブ対応出来るので、これも考慮するコンテンツなら、もしかしたら最良かもしれません。
サラっと検索しただけですので、更に有用なものは多く有るかと思います。出てきたキーワードで更にググってみて下さい。
あとは、今回ご紹介した「コリス」さんや、「かちびと」さん、「 WebCreatorBox 」さん等の、新技術・新サイトを紹介してくれるサイトの定点観測や過去記事はチェックした方が宜しいかと。
投稿2015/09/13 02:41
総合スコア51
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。