Flashもiframeも動画もlightboxにできる！jQueryプラグイン「prettyPhoto」の使い方 - ウェブ学のすすめ
ポートフォリオサイトでも使用したjQueryプラグイン「prettyPhoto」をいろいろ試してみました。このプラグインは写真の他にFlashやiframe、動画もlightboxにすることができます。 デモ↓別ウィンドウを開いて見る prettyPhotoの使い方｜YoutubeもFlashもLightbox化 - js do it ↓QRコード ※おすすめQRコード読み取りアプリ 最速QR カテゴリ: ユーティリティ サイズ: 1.5 MB 価格： 無料 使い方 公式サイトからダウンロードします。 jQuery lightbox for images, videos, YouTube, iframes, ajax | St〓phane Caron – No Margin For Errors prettyPhoto.cssとjquery.prettyPhoto.jsをhead内に指定
PrettyPhotoのハッシュタグを消す | bindValue
PrettyPhotoのハッシュタグを消す方法を記載します。 jQueryプラグインのprettyPhotoを使うと、URLにハッシュタグが追加されてしまうのを防ぐ方法です。jQueryの素敵なプラグインPrettyPhoto。 私もすんごいお世話になっていて頭が上がらない限りですが、たまに「あぁ・・・」と思う所もあります。 今回は、そんな中のひとつPrettyPhoto実行時にURLに追記されるハッシュタグ 「#prettyPhoto」 を非表示にする方法を記載しておきます。 方法はとっても簡単。jquery.prettyPhoto.js内の2か所をコメントアウトするだけです。function setHashtag(){ if(typeof theRel=='undefined')return; /* location.hash=theRel+'/'+rel_index+'/';//U
｢prettyPhoto｣ - jQueryベースのLightboxクローン
prettyPhoto jQueryベース画像､SWF､YouTube､Quicktime､WEBサイト､インライン に対応縦横センタリング表示IE6対応？ ※どうやら3.0からIE6だと表示が崩れる模様。。コンテンツ(画像とSWFとYouTubeとか)がバラバラでもギャラリー扱いできるデフォルトでテーマを５つ用意 ■ファイル prettyPhoto_compressed_2.5.6.zipjquery-1.4.2.min.js（すでにUPしている場合はいらない） 使い方はこちら ■メモ imagesフォルダはprettyphotoフォルダだけUPすればいい。 １．ヘッダーにリンクを書き込む。 <script src="js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script> <script src="
【jQuery】ページ内リンクをするするーっとスムースにスクロールするJavascript ｜ KLUTCHE
最近ではページ内でリンクを飛ばす際には当然の仕様となっているスムーススクロールを簡単なタグで実現します。 どうだい？スムースだろ？ デモページ 個人的にこの動きが大好きです。 1時間くらいならずっとスクロールを見ていられます。 鬱の時なら半日はいけます！ HTML <a href="#bottom">下へスムース！</a> なにも工夫しなくて良いです。 ただ＃をつけてアンカーポイントへリンクを貼るだけです。 jQuery依存のスクリプトなので、head内でjQueryを呼び出しましょう。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> その後に以下のスクリプトを書きます。 <script type="text/java
[EC-CUBE 2.11.5] スマートフォンでPCサイトを表示 | NAKWEB × EC-CUBE
もはやネタ切れなので、やったことないネタを開発者フォーラムから拾ってみた。 data/class/SC_Display.php の 144行目をコメントアウト。その下で DEVICE_TYPE_PC を返すように定義する。 function detectDevice(){ $nu = new Net_UserAgent_Mobile(); $su = new SC_SmartphoneUserAgent_Ex(); $retDevice = 0; if ($nu->isMobile()) { return DEVICE_TYPE_MOBILE; } elseif ($su->isSmartphone()) { //return DEVICE_TYPE_SMARTPHONE; return DEVICE_TYPE_PC; } else { return DEVICE_TYPE_PC; } }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
