ドラッグできる画像拡大ライブラリ「Highslide JS」
ドラッグできる画像拡大ライブラリ「Highslide JS」 Check Tweet 配布元：Highslide JS ライセンス：Creative Commons Attribution-NonCommercial 2.5 License(個人利用は無料、商用利用時は$29～) Highslide JSはドラッグ可能な画像拡大のJavaScriptライブラリです。 利用方法 ダウンロードしたhighslide.jsとhighslide.cssをhead要素内などで読み込みます。 <script type="text/javascript" src="./highslide/highslide.js"></script> <link rel="stylesheet" type="text/css" href="./highslide/highslide.css" /> 利用したいスタタイル
ColorMe!ShopProでLightboxを使う
カッコイイ写真表示の代名詞といったらLightbox系のAjaxライブラリですけど、 ColorMe!ShopProはヘッダが操作出来ないので、Usage通り<script>をヘッダに入れて～ということは出来ない。 なので一見使用不可能に見えるけど、結構あっさり使えます。 ポイントは３つ。 ヘッダに挿入するJavascriptファイルへのリンクは、Body内に記述する。 スタイルシートは使用するページのテンプレートCSSにコピペする（上級者モード） テンプレートのアンカータグにrel属性入れる 一番大きなポイントはCSS。 外部ファイルにしたCSSはヘッダにリンク入れないと反映されないので、scriptと同様にbody直下にリンクしても使えない。 ColorMe!ShopProはヘッダの操作が出来ないものの、テンプレートの各ページ（商品詳細画面やカテゴリ画面）ごとに使用するＣＳＳをテキスト
小粋空間: Highslide JS でサムネイル画像を拡大表示する
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション（タイトル）の挿入が可能 ウィンドウサイズに収まるように拡大（右下のアイコンをクリックすると 100% 表示） 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://zeitgeistwebdesign.com/wordpress/?p=42
