{"id":225,"date":"2014-10-28T10:49:08","date_gmt":"2014-10-28T02:49:08","guid":{"rendered":"https:\/\/aweidesign.why3s.tw\/wp2\/?p=225"},"modified":"2016-05-25T09:42:54","modified_gmt":"2016-05-25T01:42:54","slug":"%e7%b6%b2%e8%b7%af%e8%b3%87%e6%ba%90%e3%80%8alightbox%e3%80%8b%e7%87%88%e7%ae%b1%e5%9c%96%e7%89%87%e9%a1%af%e7%a4%ba%e6%95%88%e6%9e%9c","status":"publish","type":"post","link":"https:\/\/aweidesign.why3s.tw\/wp2\/225\/%e7%b6%b2%e8%b7%af%e8%b3%87%e6%ba%90%e3%80%8alightbox%e3%80%8b%e7%87%88%e7%ae%b1%e5%9c%96%e7%89%87%e9%a1%af%e7%a4%ba%e6%95%88%e6%9e%9c","title":{"rendered":"[awei\u7814\u7a76\u5ba4]\u300aLightbox\u300b\u71c8\u7bb1\u5716\u7247\u986f\u793a\u6548\u679c"},"content":{"rendered":"<p>\u71c8\u7bb1\u6548\u679c\uff08Lightbox\uff09\u662f\u7db2\u7ad9\u4e2d\u6700\u5e38\u7528\u7684\u6548\u679c\u4e4b\u4e00\uff0c\u53ef\u4ee5\u8b93\u700f\u89bd\u8005\u7684\u8996\u89ba\u66ab\u6642\u505c\u7559\u5728\u7f6e\u4e2d\u7684\u65b9\u6846\u4e2d\u3002<\/p>\n<p>\u65c1\u908a\u7684\u80cc\u666f\u6703\u505a\u6697\u5316\u8655\u7406,\u7528\u4ee5\u7a81\u986f\u4e2d\u9593\u5716\u6587\u7684\u6548\u679c<\/p>\n<p>\u53ef\u4f5c\u7fa4\u7d44\u5716\u7247\u5c55\u793a.<a class=\"myButton\" href=\"http:\/\/aweidesign.why3s.tw\/tech\/lightbox\/index.html\" target=\"_blank\">\u7bc4\u4f8b\u6548\u679c\u89c0\u770b<\/a><\/p>\n<p><a href=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2014\/10\/lightbox_01.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-233\" src=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2014\/10\/lightbox_01.jpg\" alt=\"lightbox_01\" width=\"680\" height=\"600\" srcset=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2014\/10\/lightbox_01.jpg 680w, https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2014\/10\/lightbox_01-300x264.jpg 300w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/a><\/p>\n<hr \/>\n<p><a href=\"http:\/\/lokeshdhakar.com\/projects\/lightbox2\/\" target=\"_blank\">\u539f\u59cb\u4f5c\u8005\u7db2\u9801Created by Lokesh Dhakar<\/a><\/p>\n<p>\u4f7f\u7528\u65b9\u6cd5<\/p>\n<p>1.\u9996\u5148\u4e0b\u8f09\u6574\u500blightbox \u58d3\u7e2e\u6a94 <a href=\"https:\/\/github.com\/lokesh\/lightbox2\/archive\/master.zip\" target=\"_blank\">Download<\/a><\/p>\n<p>\u89e3\u58d3\u7e2e\u5f8c\u53ef\u4ee5\u767c\u73fe\u5230\u88e1\u9762dist\u8cc7\u6599\u593e\u5167\u6709\u4e09\u500b\u8cc7\u6599\u593eCSS\/JS\/img \u8ddf\u4e00\u500b\u4e3b\u8981\u6a94index.html<\/p>\n<p>2.\u6211\u5011\u53ef\u4ee5\u5728\u6211\u5011\u7684\u7db2\u9801&lt;head&gt;&lt;\/head&gt;\u4e2d\u9593\u586b\u5165\u4ee5\u4fbf \u00a0\u5148\u547c\u53eb\u9019\u4e9b\u6a94\u6848<br \/>\n&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;css\/screen.css&#8221; media=&#8221;screen&#8221;\/&gt;<br \/>\n&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;css\/lightbox.css&#8221; media=&#8221;screen&#8221;\/&gt;<\/p>\n<p>&lt;script src=&#8221;js\/jquery-1.10.2.min.js&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;script src=&#8221;js\/lightbox-2.6.min.js&#8221;&gt;&lt;\/script&gt;<\/p>\n<p>3.\u518d\u4f86\u5c31\u53ef\u4ee5\u5957\u7528\u5728\u59b3\u7684\u9801\u9762\u4e86<\/p>\n<p><span style=\"color: #ff0000;\">\u5982\u679c\u8981\u5448\u73fe\u55ae\u5f35\u6548\u679c<\/span><\/p>\n<pre lang=\"php\">&lt;a class=\"example-image-link\" href=\"img\/demopage\/image-1.jpg\" data-lightbox=\"example-1\"&gt;&lt;img class=\"example-image\" src=\"img\/demopage\/image-1.jpg\" alt=\"image-1\" \/&gt;&lt;\/a&gt;\r\n&lt;a class=\"example-image-link\" href=\"img\/demopage\/image-2.jpg\" data-lightbox=\"example-2\" data-title=\"Optional caption.\"&gt;&lt;img class=\"example-image\" src=\"img\/demopage\/image-2.jpg\" alt=\"image-1\"\/&gt;&lt;\/a&gt;<\/pre>\n<p><span style=\"color: #ff0000;\">\u5982\u679c\u8981\u7fa4\u7d44\u591a\u5f35\u6548\u679c<\/span><\/p>\n<pre lang=\"php\">&lt;a class=\"example-image-link\" href=\"img\/demopage\/image-3.jpg\" data-lightbox=\"example-set\" data-title=\"Click the right half of the image to move forward.\"&gt;&lt;img class=\"example-image\" src=\"img\/demopage\/thumb-3.jpg\" alt=\"\"\/&gt;&lt;\/a&gt;\r\n&lt;a class=\"example-image-link\" href=\"img\/demopage\/image-4.jpg\" data-lightbox=\"example-set\" data-title=\"Or press the right arrow on your keyboard.\"&gt;&lt;img class=\"example-image\" src=\"img\/demopage\/thumb-4.jpg\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n&lt;a class=\"example-image-link\" href=\"img\/demopage\/image-5.jpg\" data-lightbox=\"example-set\" data-title=\"The next image in the set is preloaded as you're viewing.\"&gt;&lt;img class=\"example-image\" src=\"img\/demopage\/thumb-5.jpg\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n&lt;a class=\"example-image-link\" href=\"img\/demopage\/image-6.jpg\" data-lightbox=\"example-set\" data-title=\"Click anywhere outside the image or the X to the right to close.\"&gt;&lt;img class=\"example-image\" src=\"img\/demopage\/thumb-6.jpg\" alt=\"\" \/&gt;&lt;\/a&gt;<\/pre>\n<hr \/>\n<p><a class=\"myButton\" href=\"http:\/\/aweidesign.why3s.tw\/tech\/lightbox\/index.html\">\u7bc4\u4f8b\u6548\u679c\u89c0\u770b<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u71c8\u7bb1\u6548\u679c\uff08Lightbox\uff09\u662f\u7db2\u7ad9\u4e2d\u6700\u5e38\u7528\u7684\u6548\u679c\u4e4b\u4e00\uff0c\u53ef\u4ee5\u8b93\u700f\u89bd\u8005\u7684\u8996\u89ba\u66ab\u6642\u505c\u7559\u5728\u7f6e\u4e2d\u7684\u65b9\u6846\u4e2d\u3002 \u65c1\u908a\u7684\u80cc\u666f\u6703 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":234,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,108],"tags":[49,50],"class_list":["post-225","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-classroom","category-jquery_css-tech","tag-lightbox","tag-50"],"_links":{"self":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":28,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":1337,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts\/225\/revisions\/1337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/media\/234"}],"wp:attachment":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}