世に出まわっている様々なAJAX(エイジャックス、アジャックス)用の便利なライブラリを、当該サイトでダウンロードしてそれを自社サーバーにアップロードすることなく、グーグルのサーバーからライブラリを直接呼び出して利用する方法について。 早い話が、グーグルが Google AJAX Libraries API として、グーグルのサーバーから自由に使えるように公開してくれているのを利用しようというものです。 現時点で提供されている Google AJAX Libraries APIChrome FrameDojoExt CorejQueryjQuery UIMooToolsPrototypescript_aculo_usSWFObjectYahoo! User Interface Library (YUI)WebFont Loader 【利点】一度ダウンロードしたライブラリ(どこのサイトからでも
ドラッグできる画像拡大ライブラリ「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" /> 利用したいスタタイル
カッコイイ写真表示の代名詞といったらLightbox系のAjaxライブラリですけど、 ColorMe!ShopProはヘッダが操作出来ないので、Usage通り<script>をヘッダに入れて~ということは出来ない。 なので一見使用不可能に見えるけど、結構あっさり使えます。 ポイントは3つ。 ヘッダに挿入するJavascriptファイルへのリンクは、Body内に記述する。 スタイルシートは使用するページのテンプレートCSSにコピペする(上級者モード) テンプレートのアンカータグにrel属性入れる 一番大きなポイントはCSS。 外部ファイルにしたCSSはヘッダにリンク入れないと反映されないので、scriptと同様にbody直下にリンクしても使えない。 ColorMe!ShopProはヘッダの操作が出来ないものの、テンプレートの各ページ(商品詳細画面やカテゴリ画面)ごとに使用するCSSをテキスト
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション(タイトル)の挿入が可能 ウィンドウサイズに収まるように拡大(右下のアイコンをクリックすると 100% 表示) 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く