タグ

thickboxに関するx1_8xのブックマーク (3)

  • パソコンでサッと電車の遅延情報を確認できるChrome用アプリ | ライフハッカー・ジャパン

    Chromeユーザーなら、ブラウザ上で電車の運行情報を集められるアプリがあります。それがChrome版『ジョルダンライブ!』です。 ジョルダンライブ!とは、駅のホームや電車内など、目の前で起きている運行状況をユーザーが投稿し、 その投稿が一覧表示されるサイトのこと。スマホアプリ『乗換案内』(iOS版、Android版)を利用している人には馴染みがあるかもしれません。 このサービスは、どの運行情報よりもいち早く情報を入手できるのがポイント。Chrome版は地図上にピンが表示されるところも見やすくて良いです。ダウンロードはこちらのページから行えます。 デフォルト設定では、全国の運行情報が表示されます。ドロップダウンリストでは、各地域ごとの表示に切り替えることもできます。 「(電車が)止まっている」「遅れ」など、電車の状態ごとに絞り込み検索が可能です。「3h」というボタンをクリックすると「24h

    パソコンでサッと電車の遅延情報を確認できるChrome用アプリ | ライフハッカー・ジャパン
  • jQuery版のLightBox「ThickBox」

    jQuery版のLightBox「ThickBox」 ThickBoxはLightBoxのjQuery版とも言えるJavaScriptライブラリで、画像をクリックするこのにより拡大画像を表示させることが可能です。 LightBoxがprototype.jsをベースに開発されたjsライブラリであるのに対して、ThickBoxはjQueryをベースに開発されています。 設置方法 配布ページよりjquery.jsとloadingAnimation.gif、thickbox.css、thickbox.jsというファイルをダウンロードし、ThickBoxを利用したいhtmlのhead要素などでそれらのファイルを読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"

    jQuery版のLightBox「ThickBox」
  • Thickboxの使い方 – 画像やHTMLのポップアップをお手軽に!|クロノドライブ

    ThickBoxとはjQueryを使用したAjaxライブラリの一つで、主に画像をページ上に大きく表示させるときに使われます。また、画像だけではなくHTMLファイルも表示することが出来るため、これ一つで画像とHTMLをポップアップ表示(正確には同じページ上にオーバーレイ表示される)させることができます。 ◆サンプル このライブラリの便利なところは、小難しい設定をしなくても使えることや、ポップアップした画像を自動的にブラウザに収まるサイズに縮小してくれるところです。 ※HTMLを表示する場合にはサイズを指定する必要があります。 使ってみたい!と思った方のために使い方の手順を下記にまとめました。 必要なデータを揃える まずは、配布元であるThickBox3.1に行き、Downloadから下記ファイルをダウンロードしましょう。 ファイル名 thickbox.js thickbox.css load

    Thickboxの使い方 – 画像やHTMLのポップアップをお手軽に!|クロノドライブ
  • 1