タグ

lightboxに関するshiro96のブックマーク (9)

  • iPhoneやiPadにも対応・モニターサイズに合わせて拡大表示するLightbox風jQueryプラグイン

    iPhoneiPadにも対応した、モニター サイズに自動的に合わせて拡大表示 してくれるjQueryプラグイン、Touch- Galleryのご紹介です。Lightbox系の スクリプトは沢山ありますが、こちらも 一つの選択肢として思えておくといつか 役に立つかも、と思ってエントリー。 PCは勿論、iPhoneiPadでも、そのモニターサイズの幅に合わせてLightbox風にフルスクリーン表示してくれます。特に設定も不要なのは楽で良い感じ。というか、iPhoneiPad向けに作られたっぽいですね。 Touch-Gallery ↑ モニターのサイズに自動で合わせて拡大表示してくれるjQueryプラグインです。 ↑ PCで見るとこんな感じ。基的には普通のLightbox系の拡大表示です。 ↑ iPhoneで見てもモニターサイズに合わせて拡大表示します。 ↑ 横にしても自動的に横幅に合わ

    iPhoneやiPadにも対応・モニターサイズに合わせて拡大表示するLightbox風jQueryプラグイン
  • jQuery.lightpop.js - dogmap.jp

    オプションの設定 オプションを設定することで、フレーム枠の見た目を変更したりできます。 オプションは、ざっと次の通り。 通常のオプション overlayBgColor: オーバーレイの背景色 overlayOpacity: オーバーレイの透明度 contentFrameType: 'border' (通常) or 'box' (画像を使用してフレームを表示) contentBgColor: コンテンツの背景色 containerBorderSize: コンテンツの脇に表示する空白の幅を px で指定 containerResizeSpeed: リサイズアニメーション時のスピードを数値で指定 imageLoading: 読み込み中に表示する画像ファイルのパス imageBtnClose: 「閉じる」ボタン用の画像ファイルのパス imageBtnPrev: 「前へ」ボタン用の画像ファイルのパス

  • ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」:phpspot開発日誌

    ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」 2010年06月10日- Video LightBox - Embed video to your website with beautiful Lightbox effect! ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」。 名前から推測するに、単に動画をLightBox化しただけでしょう、と思いきやなかなか素晴らしいプラグインになっていたのでご紹介です。 動画のサムネイルを次のように様々なスキンによって修飾できます。クリックすればニュイーンとLightBox表示されるというオシャレさ加減がいいです。 更に埋込可能な動画形式が豊富で、flv, mp4, 3gp や、外部動画サイトのYoutube, Facebook, Goo

  • どんだけアイテム好きやねん! - WolaWola

    萌える社長野田さんが、「LightBoxプラグイン(改良版)。 (Junnama Online (Mirror))」というのを公開しました。 あっ、チクショー これ作ろうと思ってたんです。 MTでLightboxの画像挿入っていうと、lightbox.js の読み込みまでやってくれて全部に rel="lightbox" が付いちゃうプラグインだったり、MTコア書き換えて強制的に rel="lightbox" が付けられるようにするハックばかりが存在して、シンプルに rel="lightbox" を付ける付けないを、挿入時に選択出来ると良いなと、ずっと思ってました。 最近プラグイン作りだしたので、これを作ってみようと思ってたけど、先越されたー さらに野田さんらしく、拡大画像のリサイズ機能なんてのも付けてくれちゃいました。 確かにデフォルトの lightbox は、原寸表示で画面サイズより大き

    shiro96
    shiro96 2009/06/08
    画像アップロード時にlightboxで開くオプション追加
  • つくるぶガイドブログ: Lightboxのデザインをカスタマイズしてみよう(前編)

    こんにちは、HTML+CSS担当の小森です。 スライドショーやサムネイル画像の拡大でよく見かける「Lightbox」のライブラリ。 気軽に取り入れられるライブラリでもあって、すっかり定着した感がありますね。 今回はこのLightboxのデザインをカスタマイズしてみたいと思います。 Lightbox系のライブラリは当にたくさんありますが、 ここでは、定番の元祖Lightboxを使用してみます。 Lightbox 2(デモあり) http://www.huddletogether.com/projects/lightbox2/ レイアウト構造 HTMLソースをのぞいてみると、クリックをしたときに 画面全体を覆う半透明レイヤー(id="overlay") 拡大画像配置レイヤー(id="lightbox") がJavaScriptによって描画されるしくみになっています。 また、拡大画像配

  • MTの画像挿入時に rel=

    MTの画像挿入時に rel="lightbox"を挿入する「LightBox2MT」プラグイン 自分用に作成したプラグインですが一応公開しておきます。 サムネイルを作成して画像を挿入した際に以下のようなリンクが挿入されますが、 <a href="元画像"> それを以下のように「 rel="lightbox"」を追加した形に変更します。 <a rel="lightbox" href="元画像"> lightboxをご利用されている方は作業の効率化の為にご利用ください。 LightBox2MTのダウンロード(v1.01) 解凍したLightBox2MTフォルダをmtディレクトリ内のpluginsにアップしてください。 LightBoxの利用方法は以下を参考にしてください。 Lightboxを使い画像を拡大表示する。 jsファイルは絶対パスで読み込まないとアーカイブによってはlightbox化さ

    MTの画像挿入時に rel=
  • lightWindow Demo

    БК выставляет линии, принимает ставки, а также выплачивает выигрыши. Теперь бетторы имеют возможность не посвящать отдельное время игре в БК, а уделять ставкам свободные минуты, которые появляются во время перерывов, перемен, перекуров, движения в общественном транспорте. При регистрации поставьте галочку «Получить бонус» (это важно, второй попытки не будет). Все что понадобится игроку для того чт

  • LightBox風にスライドショーを行うブックマークレット:phpspot開発日誌

    ブラウザ上で自由にデザインできるページ作成ツール『Noovo Communications... 次の記事 ≫:「PEARの使い方くらいは知っておきましょう」記事 TripTracker Blog Blog Archive Revamped Slideshow We recently updated the TripTracker photo slideshow interface. For a sample, click on the first thumbnail below and then the Play button: LightBox風にスライドショーを行うブックマークレット。 ブックマークレット内で外部スクリプトを読み込んでいるため、結構込み入ったスライドショー機能を実装できてます。 Flickr上でも動作すると書いてあったので試してみましたが、これはちゃんと動かないようで

  • SEO業者ですら感動する驚異のCSSテクニック - 不定期更新 SEOコラム

    急にお金が必要になってしまいました。キャッシングをするのに、レイクかモビット、どっちを利用するか迷っています。借りるならどっちがお得ですか? お得という点から言えば、初めてならレイクがよりお得です まず、それぞれの特徴を見ていきましょう。レイクは銀行系で、総量規制の対象外、1万円からお借入可能で、最大500万の限度額、年率4.5~18%、200万まで30日間無利息、または5万までなら180日間無利息、初めてのお借入なら有利な条件ですね。届く封筒は「新生銀行」の名称です。 一方、モビットは消費者金融で、総量規制の対象となります。限度額は500万、年率4.8~18%です。特に無利息期間の指定はありません。WEB完結型なら、審査の電話が入りません。 最高・最低金利だけで見ると、レイクのほうがお得に見えます。また、期間無利息などの点からも、初めての方はレイクのほうがお得な印象です。 反面、新生銀行

  • 1