2019.01.14 新着情報お知らせ 振袖のたたみ方動画をアップいたしました。 jQuery.noConflict(); (function( $ ) { $(function() { // More code using $ as alias to jQuery $("area[href*=\\#],a[href*=\\#]:not([href=\\#]):not([href^='\\#tab']):not([href^='\\#quicktab']):not([href^='\\#pane'])").click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top - 20 },900 ,'easeInQuint'); return false; } } }); }); })(jQuery); </script> <script type="text/javascript"> try { jQuery(document).ready(function () { var e = jQuery('a[href*=".jpg"]:not(.nolightbox,li.nolightbox>a), area[href*=".jpg"]:not(.nolightbox), a[href*=".jpeg"]:not(.nolightbox,li.nolightbox>a), area[href*=".jpeg"]:not(.nolightbox), a[href*=".png"]:not(.nolightbox,li.nolightbox>a), area[href*=".png"]:not(.nolightbox)'); e.on('click', function() {jQuery.fancybox.open( e, {loop: false,margin: [44,0],keyboard: false,arrows: true,infobar: true,toolbar: true,buttons: ['slideShow','close'],protect:false,modal:false,animationEffect: 'fade',transitionEffect: 'Disable',autoFocus: false,backFocus: false,trapFocus: false,fullScreen: { autoStart: false },touch: { vertical: false, momentum: false},slideShow: { autoStart: false, speed: 400},thumbs: { autoStart: false, momentum: false},lang : 'default', i18n : { 'default' : { CLOSE : 'Close', NEXT : 'Next', PREV : 'Previous', ERROR : 'The requested content cannot be loaded. Please try again later.', PLAY_START : 'Start slideshow', PLAY_STOP : 'Pause slideshow', FULL_SCREEN : 'Full screen', THUMBS : 'Thumbnails', SHARE : 'Share', }, }}, e.index( this )); return false;})}) } catch (e) { console.log('Error:' + e) } </script> <footer> <p><img src="https://www.studio-shiki.com/wordpress/wp-content/themes/studio-shiki/img/logo.jpg" alt="振袖フォトスタジオ「四季」"></p> <h2>振袖フォトスタジオ 四季</h2> <h3>〒671-1235 兵庫県姫路市網干区北新在家157</h3> <h4><a href="tel:0792803199" onclick="ga('send','event','click','tel-tap','head');">079-280-3199</a></h4> <h5><a href="http://e-kinuya.com" target="_blank"><img src="https://www.studio-shiki.com/wordpress/wp-content/themes/studio-shiki/img/flogo.png" alt="振袖フォトスタジオ「四季」"></a></h5> <ul> <li><a href="https://www.studio-shiki.com/concept/">スタジオ四季が選ばれる理由</a></li> <li><a href="https://www.studio-shiki.com/plan/">プレミアムフォトプラン</a></li> <li><a href="https://www.studio-shiki.com/album/">アルバムプラン</a></li> <li><a href="https://www.studio-shiki.com/collection/">振袖コレクション</a></li> <li><a href="https://www.studio-shiki.com/guide/">店舗案内</a></li> <li><a href="https://www.studio-shiki.com/company/">会社概要</a></li> <li><a href="https://www.studio-shiki.com/guide/">地図・アクセス・スタッフ紹介</a></li> <li><a href="https://www.studio-shiki.com/flow/">撮影の流れ</a></li> <li><a href="https://www.studio-shiki.com/photo_gallery/">フォトギャラリー</a></li> <li><a href="https://www.studio-shiki.com/campaign/">キャンペーン</a></li> <li><a href="https://www.studio-shiki.com/news/">ニュース</a></li> <li><a href="https://www.studio-shiki.com/blog/">ブログ</a></li> <li><a href="https://www.studio-shiki.com/faq/">よくある質問</a></li> <li><a href="https://www.studio-shiki.com/privacy-policy/">プライバシーポリシー</a></li> <li><a href="https://www.studio-shiki.com/sitemap/">サイトマップ</a></li> <li><a href="https://www.studio-shiki.com/photo-reservation/">フォト予約フォーム</a></li> <li><a href="https://www.studio-shiki.com/furisode-reservation/">振袖選び来店予約フォーム</a></li> <li><a href="https://www.studio-shiki.com/contact/">お問い合わせ</a></li> </ul> <span>(c) 2019 STUDIO SHIKI All Rights Reserved.</span> </footer> <script> jQuery(window).load(function() { jQuery("#loading").fadeOut(800); }); </script> <script> $(function() { $(window).on('load scroll', function() { setAnimationClass(); }); var animationClass = 'animation-scrollUp'; // アニメーション対象のclass名 var animationFinClass = 'is-animated'; // アニメーションが実行時に付与するclass名 var animationStartPosition = 0.75; // アニメーションが実行されるスクロール位置 // アニメーションが完了しているかどうかを管理する配列 var animationFlagArr = []; for(var i = 0; i < $('.' + animationClass).length; i++) { animationFlagArr[i] = false; } function setAnimationClass() { // アニメーションの実行前に、アニメーション完了済の要素を確認しておく for(var i = 0; i < $('.' + animationClass).length; i++) { if($('.' + animationClass).eq(i).hasClass(animationFinClass)) { animationFlagArr[i] = true; } } // スクロール位置と画面高さを取得 var scrollTop = $(window).scrollTop(); var windowHeight = $(window).height(); // アニメーション対象要素が開始位置までスクロールしている場合、classを付与する for(var i = 0; i < animationFlagArr.length; i++) { if(animationFlagArr[i] == false) { var thisElement = $('.' + animationClass).eq(i); var thisTop = thisElement.offset().top; if(scrollTop + (windowHeight * animationStartPosition) > thisTop) { thisElement.addClass(animationFinClass); } } } } }); $(function() { $(window).on('load scroll', function() { setAnimationClass(); }) var animationClass = 'animation-scrollLeft'; // アニメーション対象のclass名 var animationFinClass = 'is-animated-left'; // アニメーションが実行時に付与するclass名 var animationStartPosition = 0.75; // アニメーションが実行されるスクロール位置 // アニメーションが完了しているかどうかを管理する配列 var animationFlagArr = []; for(var i = 0; i < $('.' + animationClass).length; i++) { animationFlagArr[i] = false; } function setAnimationClass() { // アニメーションの実行前に、アニメーション完了済の要素を確認しておく for(var i = 0; i < $('.' + animationClass).length; i++) { if($('.' + animationClass).eq(i).hasClass(animationFinClass)) { animationFlagArr[i] = true; } } // スクロール位置と画面高さを取得 var scrollTop = $(window).scrollTop(); var windowHeight = $(window).height(); // アニメーション対象要素が開始位置までスクロールしている場合、classを付与する for(var i = 0; i < animationFlagArr.length; i++) { if(animationFlagArr[i] == false) { var thisElement = $('.' + animationClass).eq(i); var thisTop = thisElement.offset().top; if(scrollTop + (windowHeight * animationStartPosition) > thisTop) { thisElement.addClass(animationFinClass); } } } } }); </script> </body> </html>
