// フォトギャラリー //※要素の最後のカンマは要らない。残っているとIEでScriptエラーが起こる。 $(document).ready(function() { //通常表示 $("#test").fancybox({ 'titleShow' :false,//タイトルの表示・非表示(default:true)【false】 //'titlePosition' :'inside',//タイトルの位置(default:outside)【'inside' or 'over'】 //'padding' :0,//パディング(default:10)【any number】 //'margin' :0,//マージン(default:20)【any number】 //'overlayShow' :false,//背景オーバーレイの有無(default:true)【false】 'overlayColor' :'#06C',//背景オーバーレイの色(default:#666)【'#000'〜'#FFF'】 'overlayOpacity' :0.5,//背景オーバーレイの不透明度(default:0.3)【0〜1】 'width' :730,//幅(default:560)【'0%'〜'100%' or any number】※typeが'swf'or'iframe'の時のみ 'height' :'100%',//高さ(default:340)【'0%'〜'100%' or any number】※typeが'swf'or'iframe'の時のみ //'autoDimensions' :false,//自動サイズ調整(default:true)【false】※typeが'inline'or'ajax'の時のみ //'autoScale' :false,//ブラウザウィンドウにあわせてリサイズ(default:true)【false】 'centerOnScroll' :true,//"コンテンツ表示中のコンテンツ表示位置(default:false)【true】 //'scrolling': 'yes',//スクロールバーの表示方法(default:auto)【'yes' or 'no'】 'transitionIn' :'elastic',//ひらく時の動き(default:fade)【'elastic' or 'none'】 'transitionOut' :'elastic',//とじる時の動き(default:fade)【'elastic' or 'none'】 'opacity' :true,//ウィンドウ開閉時の透明度変化(default:false)【true】 //'speedIn' :500,//ひらくスピード(default:300)【number of miliseconds】 //'speedOut' :500,//とじるスピード(default:300)【number of miliseconds】 'easingIn' :'easeOutBack',//ひらく時のイージング効果(default:swing)【'linear'】※transitionがelastic時のみ 'easingOut' :'easeInBack',//とじる時のイージング効果(default:swing)【'linear'】※transitionがelastic時のみ ////////// easing.js(jQuery Easing v1.3)にて拡張後////////////// //'linear', 'swing', 'jswing', //'easeInQuad', 'easeOutQuad', 'easeInOutQuad', //'easeInCubic', 'easeOutCubic', 'easeInOutCubic', //'easeInQuart', 'easeOutQuart', 'easeInOutQuart', 'easeInQuint', 'easeOutQuint', 'easeInOutQuint', //'easeInSine', 'easeOutSine', 'easeInOutSine', //'easeInExpo', 'easeOutExpo', 'easeInOutExpo', //'easeInCirc', 'easeOutCirc', 'easeInOutCirc', //'easeInElastic', 'easeOutElastic', 'easeInOutElastic', //'easeInBack', 'easeOutBack', 'easeInOutBack', //'easeInBounce', 'easeOutBounce', 'easeInOutBounce' /////////////////////////////////////////////////////////////// //'modal' :true,//モーダルウィンドウ化(default:false)【true】 //モーダルウィンドウをとじるためのコンテンツ'Close' //'hideOnOverlayClick' :false,//背景オーバーレイクリックでウィンドウをとじる(default:true)【false】 //'hideOnContentClick' :true,//コンテンツクリックでウィンドウをとじる(default:false)【true】 //'enableEscapeButton' :false,//Escキーでウィンドウをとじる(default:true)【false】 //'showCloseButton' :false,//とじるボタンの有無(default:true)【false】 'type' :'iframe'//コンテンツタイプの強制指定【'image', 'ajax', 'iframe', 'swf' or 'inline'】 //'href' :'img/test3.jpg',//表示コンテンツの強制指定【any path】 //'title' :'タイトル',//タイトルの強制指定【any words】 //'content' :'コンテンツ'//コンテンツの強制指定【any html data】 //'orig' :※transitionがelastic時のみ【】 //'index' :ギャラリー表示の時、開始スライドの指定【any number】 }); $(".suishonews").fancybox({ 'cyclic' :true,//ローテーション許可(default:false)【true】 'titlePosition' :'inside',//タイトルの位置(default:outside)【'inside' or 'over'】 'overlayColor' :'#000',//背景オーバーレイの色(default:#666)【'#000'〜'#FFF'】 'overlayOpacity' :0.5,//背景オーバーレイの不透明度(default:0.3)【0〜1】 'centerOnScroll' :true,//"コンテンツ表示中のコンテンツ表示位置(default:false)【true】 'transitionIn' :'elastic',//ひらく時の動き(default:fade)【'elastic' or 'none'】 'opacity' :true,//ウィンドウ開閉時の透明度変化(default:false)【true】 'easingIn' :'easeOutCirc',//ひらく時のイージング効果(default:swing)【'linear'】※transitionがelastic時のみ //'changeSpeed' :200,//リサイズスピード(default:300)【any number】 //'changeFade' :200,//フェードスピード(default:fast)【'slow' or number of miliseconds】 //'showNavArrows' :false,//ナビゲーションボタンの有無(default:true)【false】 'titleFormat' :formatTitle2//タイトル表示のカスタマイズ(default:null)【formatTitle1, formatTitle2 etc..】 }); //グループ化(htmlには relタグにてグループ指定) $("area[rel=group]").fancybox({ 'cyclic' :true,//ローテーション許可(default:false)【true】 'titlePosition' :'inside',//タイトルの位置(default:outside)【'inside' or 'over'】 'overlayColor' :'#000',//背景オーバーレイの色(default:#666)【'#000'〜'#FFF'】 'overlayOpacity' :0.5,//背景オーバーレイの不透明度(default:0.3)【0〜1】 'centerOnScroll' :true,//"コンテンツ表示中のコンテンツ表示位置(default:false)【true】 'transitionIn' :'elastic',//ひらく時の動き(default:fade)【'elastic' or 'none'】 'opacity' :true,//ウィンドウ開閉時の透明度変化(default:false)【true】 'easingIn' :'easeOutCirc',//ひらく時のイージング効果(default:swing)【'linear'】※transitionがelastic時のみ //'changeSpeed' :200,//リサイズスピード(default:300)【any number】 //'changeFade' :200,//フェードスピード(default:fast)【'slow' or number of miliseconds】 //'showNavArrows' :false,//ナビゲーションボタンの有無(default:true)【false】 'titleFormat' :formatTitle2//タイトル表示のカスタマイズ(default:null)【formatTitle1, formatTitle2 etc..】 }); //タイトル表示のカスタマイズ function formatTitle1(title, currentArray, currentIndex, currentOpts) { return 'Image ' + (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + ''; } function formatTitle2(title, currentArray, currentIndex, currentOpts) {//'titlePosition'は'inside'指定でLightbox風になる return '

' + title + '

'; } $("a[rel=group]").fancybox({ 'cyclic' :true,//ローテーション許可(default:false)【true】 'titlePosition' :'inside',//タイトルの位置(default:outside)【'inside' or 'over'】 'overlayColor' :'#000',//背景オーバーレイの色(default:#666)【'#000'〜'#FFF'】 'overlayOpacity' :0.5,//背景オーバーレイの不透明度(default:0.3)【0〜1】 'centerOnScroll' :true,//"コンテンツ表示中のコンテンツ表示位置(default:false)【true】 'transitionIn' :'elastic',//ひらく時の動き(default:fade)【'elastic' or 'none'】 'opacity' :true,//ウィンドウ開閉時の透明度変化(default:false)【true】 'easingIn' :'easeOutCirc',//ひらく時のイージング効果(default:swing)【'linear'】※transitionがelastic時のみ //'changeSpeed' :200,//リサイズスピード(default:300)【any number】 //'changeFade' :200,//フェードスピード(default:fast)【'slow' or number of miliseconds】 //'showNavArrows' :false,//ナビゲーションボタンの有無(default:true)【false】 'titleFormat' :formatTitle2//タイトル表示のカスタマイズ(default:null)【formatTitle1, formatTitle2 etc..】 }); //タイトル表示のカスタマイズ function formatTitle1(title, currentArray, currentIndex, currentOpts) { return 'Image ' + (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + ''; } function formatTitle2(title, currentArray, currentIndex, currentOpts) {//'titlePosition'は'inside'指定でLightbox風になる return '

' + title + '

'; } //スライドショー(htmlにはhref="javascript:;"を入れる) /* $("#example_slide").click(function() { $.fancybox([ 'img/example1.jpg', 'img/example2.jpg', { 'href' :'img/example3.jpg',//コンテンツ 'title' :'タイトル'//タイトル表示 } ], { 'type' :'image', 'cyclic' :true,//ローテーション許可(default:false)【true】 //'changeSpeed' :200,//リサイズスピード(default:300)【any number】 //'changeFade' :200,//フェードスピード(default:fast)【'slow' or number of miliseconds】 //'showNavArrows' :false//ナビゲーションボタンの有無(default:true)【false】 }); }); */ //コールバック /* $("#example_callbacks").fancybox({ onStart :function() {return window.confirm('Continue?');},//コンテンツの読み込もうとした時(default:null) onCancel :function() {alert('Canceled!');},//コンテンツの読み込みがキャンセルされた時(default:null) onComplete :function() {alert('Completed!');},//コンテンツの読み込みが完了した時(default:null) onCleanup :function() {return window.confirm('Close?');},//コンテンツをとじようとした時(default:null) onClosed :function() {alert('Closed!');}//コンテンツをとじた時(default:null) }); */ //YouTubeの表示 /* $("#example_youtube").click(function() { $.fancybox({ 'padding' :0, 'autoScale' :false, 'transitionIn' :'none', 'transitionOut' :'none', 'title' :this.title, 'width' :680, 'height' :495, 'href' :this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 'type' :'swf', 'swf' : {'wmode':'transparent','allowfullscreen':'true'} }); return false; }); */ //ロールオーバーでタイトルの表示 /* $("#example_rollover").fancybox({ 'titlePosition' :'over', 'onComplete' :function() { $("#fancybox-wrap").hover(function() { $("#fancybox-title").show(); }, function() { $("#fancybox-title").hide(); }); } }); */ //imgタグを含むすべてのaタグに適用する /* $("a:has(img)").fancybox(); */ //画像ファイルにリンクしているaタグにのみ適用する /* $("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox(); */ //特定のタグ、クラスのリンク先をギャラリー表示にする /* $("a.fancybox").attr('rel', 'gallery').fancybox(); */ });