タグ

lightbox風に関するpicnicgraphicのブックマーク (12)

  • アップデートしたLightviewが素晴らしい | ユージック

    アップデートしたLightviewが素晴らしい 2008年2月20日 様々なメディアファイルをLighboxのように表示できるLightview2.0が非常に素晴らしいのでご紹介したいと思います。 Lightview:www.nickstakenburg.com 扱えるファイル 画像 動画(Quicktime) FLASH(swf) AJAX iframe HTML(inline content) このように非常にシンプルなUIで様々なメディアを扱えます。 準備と使い方 スクリプトファイルをこちらからDLします。 続いてヘッダーにスクリプトを読み込む <link rel="stylesheet" type="text/css" href="css/lightview.css" /> <script type='text/javascript' src='js/prototype.js'><

    アップデートしたLightviewが素晴らしい | ユージック
    picnicgraphic
    picnicgraphic 2008/02/20
    Lightviewの使い方。
  • 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

    picnicgraphic
    picnicgraphic 2008/02/06
    「背景色のほか、角丸の度合いや、灰色背景の描画ON/OFFとその透明度、zIndex、表示の際のエフェクトなどをカスタマイズ可能/rel='lightview'のように設定」まるこい。かわいい。
  • Deneme Bonusu Veren Bahis Siteleri - En iyi Bonus Veren Siteler Nelerdir?

    Ücretsiz verilen bonusların free bet ve deneme bonusu adı altında sitelerde verildiği bilinmekte. Bu tür bonuslar küçük miktar olsa da, bazı oyuncular için önemli. Onlar risk almayı istemediklerinden bu bedava bonuslarla para kazanma şansı yakalıyorlar. Çoğu bahis sitesinde güncel deneme bonusları var. Fakat büyük sitelerde bu bonuslar daha büyük miktarlarda verilmekte. Deneme bonusu veren bahis s

    Deneme Bonusu Veren Bahis Siteleri - En iyi Bonus Veren Siteler Nelerdir?
    picnicgraphic
    picnicgraphic 2008/02/06
    YUI, Ext, Prototype.js, jQuery, Mootools, Dojo等をコアライブラリとして使用できる/画像、swf、mov、mpeg、avi、wmv、GoogleVideo、外部サイトなど色々/実装は必要なライブラリを読み込みShadowbox.init()を呼び出すだけ/via*phpspot開発日誌さん。
  • LightWindow Demo

    Liga Stavok Вход >> ПРОЛЕМЫ СМОСТБЕТ СЕГОДНЯ Mobile MostBet и использование мобайл-сайта для входа в аккаунтСписок ссылок всех БК ◆ БК № 1 Веди код 1x_29187 при реге и получи 7000 руб ◆ БК № 3 Веди код ml_2034 при реге и получи 5000 руб В MostBet mobile-сайт – возможность войти в аккаунт запрещенной иностранной букмекерской конторы через смартфон, телефон или планшет. Как и офиц. ресурс, моби-сайт

    picnicgraphic
    picnicgraphic 2007/12/03
    画像・QuickTime・SWF・PDFなども表示。
  • Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm

    Youtube, Metacafe, Google Video, iFilm and custom flashnew Introduction Videobox is a 6kb script, which shows your videos in the page with an overlay. It was inspired from Lightbox.v2 and uses some of the Slimbox's code. It's written for the wonderful mootools library. And used swfobject to embed flash. Above, there is some example. Usage Firstly, you should include 3 javascript files to your page

    picnicgraphic
    picnicgraphic 2007/10/23
    「対応しているのはYouTube、Google Video、Metacafe、iFilmなど。自分で作成したFlashも利用できます」
  • 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

    picnicgraphic
    picnicgraphic 2006/10/21
    デザインの種類:「1.白いボーダー+ドロップ&シャドウ/2.ボーダーなし+ドロップ&シャドウ/3.白い角丸/4.暗い背景用+グロー効果/5.画像なしボーダーのみ/via*caramel*vanillaさん」#虫眼鏡になるので拡大とわかりやすそう。
  • グレーアウト表示ライブラリ:glayer.js:phpspot開発日誌

    glayer.js - グレーアウト表示ライブラリ Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(grey+layerで、glayer.js) グレーアウト表示ライブラリ:glayer.js。 LightBoxのように、画面全体を簡単にグレーアウトすることが出来ます。 使い方は、必要なJavaScriptCSSを読み込ませて、divを定義した後、onclickイベントハンドラなどに、 Layer.show( divのid要素 ) Layer.hide( divのid要素 ) を仕込むだけで簡単に使えて便利です。 このライブラリを使って、ポップアップメッセージをウィンドウ内で表示するサンプルを作ってみました。 <html> <!--●必要ライブラリの読み込み--> <script type="te

    picnicgraphic
    picnicgraphic 2006/08/13
    glayer.jsの使い方。
  • glayer.js - グレーアウト表示ライブラリ

    Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray+layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ

    picnicgraphic
    picnicgraphic 2006/08/10
    「Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリ」
  • LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox:phpspot開発日誌

    Ryan J Lowe’s Dev Blog Blog Archive LITBox LITBox 2.0 has just been released. This version of LITBox is basically a few modifications of Thickbox made into a Prototype class based off of the Scriptaculous. LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox。 LightBox2同様、prototype.jsとscriptaculous.jsをベースにクラスベースでコーディングされていて、使い方は簡単です。 必要なスクリプト/CSSを読み込んだ後、次のようにonclickイベントでnewするだけです。 <input type="button" onclick="new L

    picnicgraphic
    picnicgraphic 2006/06/21
    「LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox」
  • 画像やページをLightBox風に表示できるThickbox:phpspot開発日誌

    Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。 画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>タグで囲います。 <a>タグには class="thickbox" を指定し、title属性に画像の説明文を入れます。 <a href="images/image2.jpg" title="画像と一緒に表示させたい文字列" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> たったこれだけで、次のようにLightBox風に画像を開くことが出来ます。 titleで指定した説明文が画像の下に入ってます。 次にHTML

    picnicgraphic
    picnicgraphic 2006/05/10
    lightboxより簡単そうかな?htmlファイルも可。
  • stu nicholls | CSS PLaY | cross browser multi page photo gallery

    CSS DEMOS › Cross Browser Multi-Page Photograph Gallery Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version does not use javascript but is pure CSS

    picnicgraphic
    picnicgraphic 2006/04/01
    CSSでlightbox風。
  • Leightbox

    I've changed ParticleTree's lightbox functionality to allow the use of inline div's instead of AJAX calls. Very often I find that I want the data in the lightbox to be indexable by search engines and visible to people with screenreaders etc. This adaptation makes that possible. Mind you, i've completely removed the AJAX calls. Leightbox 1 Leightbox 2 Leightbox 3 Download Source · Simon de Haan · E

    picnicgraphic
    picnicgraphic 2006/03/04
    ?lightboxとちがうてこと?
  • 1