タグ

JavaScriptと写真に関するmk16のブックマーク (3)

  • 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」:phpspot開発日誌

    高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 2010年08月11日- Zoom.it 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」。 こういうものを実現するライブラリ等はありましたが、Zoom.itはサイトにURLを貼りつけて送信するだけで、インスタントに実現でき、更に自サイトに埋めこむことだって出来ます。 大きなサイズの画像をうまく指定のサイズに収めつつ、拡大もさせたいという場合にかなり使えそうです。 コントロールボタンが右下に表示されるのでここで拡大・縮小が可能 めいっぱい拡大してこんな感じ。来の美しさは損なわれません。 使い方によっては非常に便利に使えそうですね。 以下に実際に埋め込んでみました。

  • スクロールさせると動くステレオ写真 :: デイリーポータルZ

    先日、画面をスクロールさせると動く動画、というのをやった。(⇒「スクロールさせると動く動画」) これをステレオ写真でやったらどうなるだろう? ちゃんと飛び出す動画になってくれるだろうか? (T・斎藤) 前回の復習 前回、以下のようなことがわかった。 ・連続写真を縦に並べたものをスクロールして見ると動いて見えた。 ・ただし普通にスクロールしても動いて見えない。画像の縦幅に合わせてスクロールするのがポイント。そうなるよう簡単な細工を施した。(JavaScriptで実現) ではさっそく、新作を用意したのでカーソルキーの「→」を連打、または押しっぱなしにして動かしてみよう。 ちゃんと見えたでしょうか? (ここがクリアできてないと今回は先に進めないので) IE と Firefox と Safari にてちゃんと動くことが確認できているので、たぶん大丈夫だろうと思うが、ブラウザによっては、間違って「↑

  • 30 Ajax Lightboxから使えそうなものを9個ピックアップ

    通称『 Lightbox 』のまとめ記事ですね。 jQuery、prototypeの両方をカバーしている記事で、非常にボリュームのあるエントリーがあったのでご紹介。 使い易いLightbox Lightboxって何?っという人がいたらまぁ以下の画像をクリックしてもらえればわかります。 (携帯ユーザーのアクセスが最近多いですが、携帯では確認出来ません) とりあえずページを全て読み込んでからでないとJavaScript動かないようにしてるので、このブログのページを全て読み込んでからクリックしてみてくださいませ。 こんな感じでちょっとコジャレた味のある演出効果が得られるスクリプトですね。 興味のある人は試して見ると良いかもしれない。 1)Lightbox2 Lightbox系という一つのジャンルを生み出した最もオーソドックスなタイプ。 prototype.jsが必要になります。 2)Lightb

    30 Ajax Lightboxから使えそうなものを9個ピックアップ
  • 1