masonry + ajaxでpinterest風タイルビューを実現する - Qiita
pinterestのような、 ・要素を隙間なく敷き詰める ・ブラウザのリサイズに応じて配置も変わる といった機能を持つタイルビューを実現するjsのライブラリはいくつかあります その中でも今回は定番のmasonryを使い、 ajaxでページングして下に下にコンテンツをページ遷移なしで追加してみます 基本的なmasonryの使い方は他に記事が大量にあるのでここでは解説しませんよ! 完成イメージは(手前味噌ですが)こんなかんじです↓ tokyotownname.com では始めます、 画像がいくつかトップにあり、 その下に「もっと読む」ボタンがあるとします。ありがちですね。 <!-- タイルビュー --> <div id="images"> <div id="image-unit">....</div> <div id="image-unit">....</div> ...... <div id
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法
<div> 画像の実寸を取得するテスト<br> 表示サイズの大きさにかかわらず取得されるサイズが同じとなることが確認できます。 </div> <div id="button1" style="color:blue;cursor:pointer;">実寸表示画像の実寸を取得</div> <div id="button2" style="color:blue;cursor:pointer;">200×160表示画像の実寸を取得</div> <div id="DispSizeArea" style="color:red;border:solid 1px blue;padding:5px;"> 上のボタンを押すと、ここにサイズが表示される。 </div> <div style="height:260px;"> <div style="float:left;width:320px;"> 下の画像の実
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javascript reload the page with hash value
javascript window.reload then window.location.href
JavaScriptプログラミング講座【ファイルをアップロードする】
