This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
The Lightbox Clones Matrix « planetOzh
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
頭脳外部メモリー » 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 に対応させるためには下記の青色部分を記述する必要
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
オシャレに画像をスライド表示できる[Lightview] (ウェブのあれこれ格納庫)
ウェブのあれこれ格納庫 » Javascript » オシャレに画像をスライド表示できる[Lightview] オシャレに画像をスライド表示できる[Lightview] [Lightview]はページをグレーアウトさせて画像をカッコよく表示するJavascriptライブラリで、[Lightbox]や[ThickBox]などと同等の機能を持ちつつ枠の角を丸くしたりちょっとしたオシャレな機能が付いている。 スクリプト名称: Lightview ver1.1.0(2008.02現在) 配布元: Nick Stakenburg URL: http://www.nickstakenburg.com/projects/lightview/ 利用するには[Lightview 1.1.0]の他に[Prototype 1.6.0.2]と[Scriptaculous 1.8.1]が必要。 導入方法はいたって
Lightview “Overlay anything width style”
Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create c
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
Lightbox JS 2.0 カスタマイズ。 [trial and error]