タグ

webデザインとjavascriptに関するyotsanのブックマーク (2)

  • サポートページ:HTML5インタラクティブ表現ガイド ~HTML5,CSS3,Canvas,CreateJS,JavaScript~

    ダウンロード ただいまテスト中 サンプルファイルのダウンロード方法 サンプルファイルのダウンロード方法については,書のP.5の「サンプルファイルの入手方法」を参照しながら行ってください。なお、2015年9月25日より、ダウンロード方法が少し変更されましたので、ご注意ください。 サンプルファイルは,一括してダウンロードすることも,章(Chapter)ごとに個別にダウンロードすることも可能です。 以下の「ダウンロード」にある各ファイル名をクリックすると,ユーザー名とパスワードを尋ねるダイアログが現れます。同ページに記載されているユーザー名とパスワードを入力してください。 ダウンロードしていただくファイルは,ZIP形式の圧縮ファイルです。解凍してお使いください。 サンプルファイルのご利用の前に サンプルのご利用の際は,書のP.5の「サンプルファイルを確認する際の注意点」をご確認ください。 サ

  • 小粋空間: Highslide JS でサムネイル画像を拡大表示する

    サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション(タイトル)の挿入が可能 ウィンドウサイズに収まるように拡大(右下のアイコンをクリックすると 100% 表示) 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。

  • 1