{"id":1031,"date":"2010-09-09T17:23:27","date_gmt":"2010-09-10T00:23:27","guid":{"rendered":"http:\/\/wptest.io\/demo\/?p=1031"},"modified":"2010-09-09T17:23:27","modified_gmt":"2010-09-10T00:23:27","slug":"post-format-gallery-tiled","status":"publish","type":"post","link":"https:\/\/temp-ver.meltlab.me\/wp_website\/2010\/09\/09\/post-format-gallery-tiled\/","title":{"rendered":"\u6295\u7a3f\u30d5\u30a9\u30fc\u30de\u30c3\u30c8: \u30ae\u30e3\u30e9\u30ea\u30fc(\u30bf\u30a4\u30eb)"},"content":{"rendered":"<p>\u3053\u308c\u306f Jetpack \u306e\u30bf\u30a4\u30eb\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u30c6\u30b9\u30c8\u3067\u3059\u3002<\/p>\n<p><a title=\"Jetpack for WordPress\" href=\"http:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\">Jetpack<\/a> \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3001\u30c6\u30b9\u30c8\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\t\n\t\t<div class=\"gallery_clear\"><\/div> \n\t\t<div id=\"gallery_1031_1\" class=\"photospace\"> \n\t\n\t\t\t<!-- Start Advanced Gallery Html Containers -->\n\t\t\t<div class=\"thumbs_wrap2\">\n\t\t\t\t<div class=\"thumbs_wrap\">\n\t\t\t\t\t<div id=\"thumbs_1031_1\" class=\"thumnail_col \" >\n\t\t\t\t\t\t \n\t\t\t\t\t\t<ul class=\"thumbs noscript\">\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<li><a class=\"thumb\" href=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/dsc03149.jpg\" title=\"Yachtsody in Blue\" >\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/dsc03149.jpg\" alt=\"Yachtsody in Blue\" title=\"Yachtsody in Blue\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"caption\">\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<li><a class=\"thumb\" href=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/dsc09114.jpg\" title=\"Sydney Harbor Bridge\" >\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/dsc09114.jpg\" alt=\"Sydney Harbor Bridge\" title=\"Sydney Harbor Bridge\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"caption\">\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<li><a class=\"thumb\" href=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/dcp_2082.jpg\" title=\"Boardwalk\" >\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/dcp_2082.jpg\" alt=\"Boardwalk\" title=\"Boardwalk\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"caption\">\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<li><a class=\"thumb\" href=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/dsc02085.jpg\" title=\"Orange Iris\" >\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/dsc02085.jpg\" alt=\"Orange Iris\" title=\"Orange Iris\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"caption\">\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<li><a class=\"thumb\" href=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/100_5540.jpg\" title=\"Golden Gate Bridge\" >\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/100_5540.jpg\" alt=\"Golden Gate Bridge\" title=\"Golden Gate Bridge\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"caption\">\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<li><a class=\"thumb\" href=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/michelle_049.jpg\" title=\"Big Sur\" >\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-content\/uploads\/2008\/06\/michelle_049.jpg\" alt=\"Big Sur\" title=\"Big Sur\" \/>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"caption\">\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<div class=\"photospace_clear\"><\/div>\n\t\t\t\t\t\t\t\t<a class=\"pageLink prev\" style=\"display:none\" href=\"#\" title=\"Previous Page\"><\/a>\n\t\t\t\t\t\t<a class=\"pageLink next\" style=\"display:none\" href=\"#\" title=\"Next Page\"><\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<!-- Start Advanced Gallery Html Containers -->\n\t\t\t<div class=\"gal_content\">\n\t\t\t\t\n\t\t\t\t<div class=\"slideshow-container\">\n\t\t\t\t\t<div id=\"loading_1031_1\" class=\"loader\"><\/div>\n\t\t\t\t\t<div id=\"slideshow_1031_1\" class=\"slideshow\"><\/div>\n\t\t\t\t\t<div id=\"caption_1031_1\" class=\"caption-container\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\n\t<\/div>\n\t\n\t<div class=\"gallery_clear\"><\/div>\n\t\n\t\n\t\n\t<script type='text\/javascript'>\n\t\t\t\n\t\t\tjQuery(document).ready(function($) {\n\t\t\t\t\n\t\t\t\t\/\/ We only want these styles applied when javascript is enabled\n\t\t\t\t$('.gal_content').css('display', 'block');\n\t\t\t\t$('.thumnail_col').css('width', '181px');\n\t\t\t\t\n\t\t\t\t\/\/ Initialize Advanced Galleriffic Gallery \n\t\t\t\tvar gallery = $('#thumbs_1031_1').galleriffic({ \n\t\t\t\t\tdelay:                     3500,\n\t\t\t\t\tnumThumbs:                 9,\n\t\t\t\t\tpreloadAhead:              9,\n\t\t\t\t\tenableTopPager:            0,\n\t\t\t\t\tenableBottomPager:         false,\n\t\t\t\t\timageContainerSel:         '#slideshow_1031_1',\n\t\t\t\t\tcontrolsContainerSel:      '#controls_1031_1',\n\t\t\t\t\tcaptionContainerSel:       '#caption_1031_1',  \n\t\t\t\t\tloadingContainerSel:       '#loading_1031_1',\n\t\t\t\t\trenderSSControls:          true,\n\t\t\t\t\trenderNavControls:         true,\n\t\t\t\t\tplayLinkText:              'Play Slideshow',\n\t\t\t\t\tpauseLinkText:             'Pause Slideshow',\n\t\t\t\t\tprevLinkText:              '&lsaquo; Previous Photo',\n\t\t\t\t\tnextLinkText:              'Next Photo &rsaquo;',\n\t\t\t\t\tnextPageLinkText:          '&rsaquo;',\n\t\t\t\t\tprevPageLinkText:          '&lsaquo;',\n\t\t\t\t\tenableHistory:              0,\n\t\t\t\t\tautoStart:                 \t0,\n\t\t\t\t\tenableKeyboardNavigation:\ttrue,\n\t\t\t\t\tsyncTransitions:           \t1,\n\t\t\t\t\tdefaultTransitionDuration: \t300,\n\t\t\t\t\t\t\n\t\t\t\t\tonTransitionOut:           function(slide, caption, isSync, callback) {\n\t\t\t\t\t\tslide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);\n\t\t\t\t\t\tcaption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);\n\t\t\t\t\t},\n\t\t\t\t\tonTransitionIn:            function(slide, caption, isSync) {\n\t\t\t\t\t\tvar duration = this.getDefaultTransitionDuration(isSync);\n\t\t\t\t\t\tslide.fadeTo(duration, 1.0);\n\t\n\t\t\t\t\t\t\/\/ Position the caption at the bottom of the image and set its opacity\n\t\t\t\t\t\tvar slideImage = slide.find('img');\n\t\t\t\t\t\tcaption.width(slideImage.width())\n\t\t\t\t\t\t\t.css({\n\t\t\t\t\t\t\t\t\/\/'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) \/ 2 - 40),\n\t\t\t\t\t\t\t\t'top' : slideImage.outerHeight(),\n\t\t\t\t\t\t\t\t'left' : Math.floor((slide.width() - slideImage.width()) \/ 2) + slideImage.outerWidth() - slideImage.width()\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.fadeTo(duration, 1.0);\n\t\t\t\t\t\t\n\t\t\t\t\t},\n\t\t\t\t\tonPageTransitionOut:       function(callback) {\n\t\t\t\t\t\tthis.hide();\n\t\t\t\t\t\tsetTimeout(callback, 100); \/\/ wait a bit\n\t\t\t\t\t},\n\t\t\t\t\tonPageTransitionIn:        function() {\n\t\t\t\t\t\tvar prevPageLink = this.find('a.prev').css('display', 'none');\n\t\t\t\t\t\tvar nextPageLink = this.find('a.next').css('display', 'none');\n\t\t\t\t\t\t\n\t\t\t\t\t\t\/\/ Show appropriate next \/ prev page links\n\t\t\t\t\t\tif (this.displayedPage > 0)\n\t\t\t\t\t\t\tprevPageLink.css('display', 'block');\n\t\t\n\t\t\t\t\t\tvar lastPage = this.getNumPages() - 1;\n\t\t\t\t\t\tif (this.displayedPage < lastPage)\n\t\t\t\t\t\t\tnextPageLink.css('display', 'block');\n\t\t\n\t\t\t\t\t\tthis.fadeTo('fast', 1.0);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t}); \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\/**************** Event handlers for custom next \/ prev page links **********************\/\n\t\t\n\t\t\t\tgallery.find('a.prev').click(function(e) {\n\t\t\t\t\tgallery.previousPage();\n\t\t\t\t\te.preventDefault();\n\t\t\t\t});\n\t\t\n\t\t\t\tgallery.find('a.next').click(function(e) {\n\t\t\t\t\tgallery.nextPage(); \n\t\t\t\t\te.preventDefault();\n\t\t\t\t});\n\t\t\n\t\t\t});\n\t\t<\/script>\n\t\t\n\t\t\n<p>\u3053\u308c\u306f\u5404\u3005\u306e\u914d\u7f6e\u304c\u3046\u307e\u304f\u3044\u304f\u304b\u306e\u78ba\u8a8d\u306e\u305f\u3081\u306e\u3001\u30bf\u30a4\u30eb\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u5f8c\u306b\u3042\u308b\u6587\u7ae0\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3053\u308c\u306f Jetpack \u306e\u30bf\u30a4\u30eb\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u30c6\u30b9\u30c8\u3067\u3059\u3002 Jetpack \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3001\u30c6\u30b9\u30c8\u3057\u3066\u304f\u3060\u3055\u3044\u3002 \u3053\u308c\u306f\u5404\u3005\u306e\u914d\u7f6e\u304c\u3046\u307e\u304f\u3044\u304f\u304b\u306e\u78ba\u8a8d\u306e\u305f\u3081\u306e\u3001\u30bf\u30a4\u30eb\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u5f8c\u306b\u3042\u308b\u6587\u7ae0\u3067\u3059\u3002<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"gallery","meta":{"footnotes":""},"categories":[51],"tags":[79,87,90,92,116],"class_list":["post-1031","post","type-post","status-publish","format-gallery","hentry","category-51","tag-jetpack","tag-gallery","tag-shortcode","tag-tiled","tag-116","post_format-post-format-gallery"],"_links":{"self":[{"href":"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-json\/wp\/v2\/posts\/1031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-json\/wp\/v2\/comments?post=1031"}],"version-history":[{"count":0,"href":"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-json\/wp\/v2\/posts\/1031\/revisions"}],"wp:attachment":[{"href":"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-json\/wp\/v2\/media?parent=1031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-json\/wp\/v2\/categories?post=1031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/temp-ver.meltlab.me\/wp_website\/wp-json\/wp\/v2\/tags?post=1031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}