頭脳外部メモリー » Post Topic » 「Highslide JS」 カスタマイズ 各種設定方法
Created: 2008年5月10日 （土） pm 11時42分 modified: 2008年6月5日 （木） am 12時23分 Posted by jun Published in java script せっかく設置したのだから 「Highslide JS」 の使い方を、それなりにマスターしようと頑張っていると ・・・カスタマイズ方法のページを発見！！ (*ﾟ oﾟ*) オオー！ ・・・「 nlog(n) 」様 ノーマルの「highslide.js」には、なんと含まれていない機能があるとういう・・・知らなかった・・・だから「highslide-full.js」というのが一緒についていたのか・・・σ(^◇^;)ヒヤアセ と、いうことで 「highslide-full.js」 を使えば（<head>で読み込ませれば）、すべての機能が使えるわけですが・・・サイズがあまりにもでかすぎ
nlog(n) Highslide JS の表示を Lightbox JS 風にカスタマイズ
Highslide JS をカスタマイズし，拡大画像はブラウザの中央に表示し，背景は半透明の灰色になるようにする。 はじめに Highslide JS のデフォルトでは，サムネイルをクリックして拡大表示させたとき，画像はサムネイルの上の位置に，背景色 (画像の周りの色) は透明のままである。この記事では，カスタマイズを行い，Lightbox JS 風の表示にする方法を紹介する。「Lightbox JS 風」とは次のものであるとする。 拡大画像をブラウザの中央に表示 背景を半透明グレーに着色 その他 Highslide JS へのリンクを画像の外の余白に表示 キャプションを中央揃えに 作業の流れは別記事の通り (nlog(n): Highslide JS をカスタマイズして使う)。設定だけを行いたい場合は，一番下の「まとめ」だけを読めばよい。 機能の追加 拡大画像をブラウザの中央に表示 拡大
HighSlide JS の onclick 属性を JavaScript で登録する
サムネイルをポップアップ表示する HighSlide JS で onclick 属性および onkeypress 属性を JavaScript で自動的に登録する方法です。 ここでは Movable Type と WordPress プラグインを例に説明します。 １．概略 HighSlide JS を有効にするには、「Highslide JS でサムネイル画像を拡大表示する」の５項で説明した通り、a 要素に class="highslide" に加え onclick="return hs.expand(this)" を設定する必要があります。また配布サイトでは言及されていませんが onclick 属性を設定した場合は onkeypress 属性を同時に設定することがアクセシビリティ上好ましいとされています。 つまり、HighSlide JS に対応させるためには下記の青色部分を記述する必要
Lightbox Plus で画像を同一画面にオーバーレイして表示 :: Drk7jp
前からやろうやろうと思っていたことなのですが、サムネイルをクリックしたときに別画面を起ち上げて元画像を表示するのではなくて、同一画面上にレイヤー重ねて表示したいと思ってました。世の中には便利 Javascript が公開されていまして、メジャーどころで言えば、Lightbox JS ってやつがそうです。 使い方を丁寧に説明してあるサイトで有名どころは、「小粋空間: Lightbox JS で画像を表示する」あたりでしょうか。僕的には Lightbox を更に拡張した Lightbox Plus を入れることにしました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
lab.1000leaf.net is Expired or Suspended.
blog@slightlyblue: rel属性無しでLightbox JS v2.02
