タグ

表示に関するgoto553のブックマーク (2)

  • べらぼうに簡単にストリートビューを表示できるJavaScript「stview.js」

    twitter facebook hatena google pocket ストリートビューを表示させたいという思いがあるかもしれません。 そんな時はstview.jsを利用すると3行追加するだけで表示することが可能です。 sponsors 使用方法 stview.jsからファイルをダウンロードします。 <script type="text/javascript" src="stview.js"></script> <div class="$stview" width="400" height="300">住所</div> <script>$stview.parse();</script> 住所には緯度経度を入力しても可能です。 <div class="$stviewLatLon">42.375248, -71.115133</div> これで終りです。 べらぼうに簡単にストリートビューを

  • ウノウラボ Unoh Labs: 画像の遅延読み込み

    yamaokaです。 webページの表示を高速化する手法にはいろいろありますが、 その一つとして遅延読み込みという手法があります。 初期状態で表示する必要のない要素については読み込まず、 必要になったタイミングで読み込み、表示するようにする手法です。 ページの読み込みにかかる時間の大半を 画像の読み込みが占めている場合が多いので、 画像の読み込みを遅延させるという手法が多く取られます。 検討するべきケース では、画像の遅延読み込みはどのような場合に検討されるべきでしょうか。 最初から表示されている必要がない画像が存在し、その画像のサイズが大きかったり、 そうした画像の数が多い場合は検討してみる価値があると思います。 例えば、次のようなケースです。 初期状態では表示されないブロックに属する画像が存在し、 JavaScriptで表示するかしないかを切り替えているような場合 ページのずーっと下の

  • 1