3Dウォークスルー｜青葉台コートテラス｜買いたい｜相鉄・JR直通線開業でますます便利に

室内を自由に移動し、まるで現地にいるように
隅々まで閲覧できるバーチャルツアーです。
ぜひ体感してください！

30) { $("[data-pagetop]").fadeIn("slow"); } else { $("[data-pagetop]").fadeOut("slow"); } }); //印刷 $("[data-print]").click(function () { print(); return false; }); $("[data-close]").click(function () { close(); return false; }); //popup var doPopup = function (me) { var size = $(me).data("popup").split(","); window.open($(me).attr("href"), "", "scrollbars=yes,width=" + size[0] + ",height=" + size[1]); return false; }; $("a[href][data-popup]").click(function () { doPopup(this); return false; }); </script> <link rel="stylesheet" href="/common/css/photoswipe/photoswipe.css"/> <link rel="stylesheet" href="/common/css/photoswipe/default-skin/default-skin.css"/> <script src="//cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.2/photoswipe.min.js"></script> <script src="/common/js/photoswipe-ui-default.min.js"></script> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="閉じる (Esc)"></button> <button class="pswp__button pswp__button--share" title="シェア"></button> <button class="pswp__button pswp__button--fs" title="全画面表示"></button> <button class="pswp__button pswp__button--zoom" title="拡大/縮小"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="前へ"> </button> <button class="pswp__button pswp__button--arrow--right" title="次へ"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script> var ps_w = 960, ps_h = 540; /** * photoswipe画像サイズ取得 * @param {type} gallery * @returns {undefined} */ var pswpAutoSizeImg = function (gallery) { gallery.listen('gettingData', function (index, item) { if (item.w < 1 || item.h < 1) { // unknown size var img = new Image(); img.onload = function () { // will get size after load var d_w = this.width / ps_w, d_h = this.height / ps_h; if (d_w > 1 || d_h > 1) { //resize var d_val = (d_w > d_h) ? d_w : d_h; item.w = this.width / d_val; // set image width item.h = this.height / d_val; // set image height } else { //変更しない item.w = this.width; // set image width item.h = this.height; // set image height } gallery.invalidateCurrItems(); // reinit Items gallery.updateSize(true); // reinit Items }; img.src = item.src; // let's download image } }); }; </script> <script> //ギャラリー var is_gallery_open = false; $("[data-gallery]").click(function () { if (is_gallery_open) { return false; } else { is_gallery_open = true; } var index = 0; var gallery_key = $(this).data("gallery"); var items = []; var i = 0; $("a[href][data-gallery]").each(function () { var $img = $(this); items.push({ src: $img.attr("href"), // path to image w: 0, h: 0, // image height title: $img.children("img").attr("alt") }); if ($img.data("gallery") === gallery_key) { index = i; } ++i; }); var gallery = new PhotoSwipe($(".pswp").get(0), PhotoSwipeUI_Default, items, { index: index, closeOnScroll: false, tapToClose: true, bgOpacity: 0.7, loop: true }); gallery.listen('close', function () { is_gallery_open = false; }); //画像サイズ自動取得 pswpAutoSizeImg(gallery); gallery.init(); return false; }); $(document).ready(function () { var $win = $(window), $header = $(".gnaw"), animationClass = "is-animation"; $win.on("load scroll", function () { var value = $(this).scrollTop(); if (value > 119) { $header.addClass(animationClass); } else { $header.removeClass(animationClass); } }); }); $(".menubtn").click(function () { $(".gnaw").slideToggle("fast"); }); $("#navbar-toggle").on("click", function () { $("#navbar-toggle").toggleClass("vew"); }); </script> </body> </html>