{"id":13411,"date":"2013-10-28T13:20:19","date_gmt":"2013-10-28T04:20:19","guid":{"rendered":"http:\/\/www.softantenna.com\/wp\/?p=13411"},"modified":"2016-05-14T14:22:01","modified_gmt":"2016-05-14T05:22:01","slug":"slidr-js","status":"publish","type":"post","link":"https:\/\/softantenna.com\/blog\/slidr-js\/","title":{"rendered":"\u30b7\u30f3\u30d7\u30eb\u3067\u8efd\u91cf\u306aJavaScript\u30b9\u30e9\u30a4\u30c9\u30e9\u30a4\u30d6\u30e9\u30ea\u300cslidr.js\u300d"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/blog\/wp-content\/uploads\/2013\/10\/blogslidr.js.png\" alt=\"Slidr js\" title=\"slidr.js.png\" border=\"0\" width=\"560\" height=\"364\" \/><\/p>\n<p>\u300c<a href=\"http:\/\/www.bchanx.com\/slidr\">slidr.js<\/a>\u300d\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u8efd\u91cf\u306aJavaScript\u30e9\u30a4\u30d6\u30e9\u30ea(<a href=\"https:\/\/github.com\/bchanx\/slidr\">GitHub<\/a>)\u3002inline \/ inline-block \/ block\u8981\u7d20\u306b\u304a\u624b\u8efd\u306b\u30b9\u30e9\u30a4\u30c9\u30a8\u30d5\u30a7\u30af\u30c8\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002Chrome 26 \/ Firefox 20 \/ Safari 5.1.7 \/ IE 10\u306a\u3069\u3067\u52d5\u304f\u3088\u3046\u3067\u3059\u3002<br \/>\n<!--more--><\/p>\n<h3>\u69d8\u3005\u306a\u30a8\u30d5\u30a7\u30af\u30c8<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/softantenna.com\/blog\/wp-content\/uploads\/2013\/10\/blogslidr.js-1.png\" alt=\"Slidr js 1\" title=\"slidr.js-1.png\" border=\"0\" width=\"560\" height=\"414\" \/><\/p>\n<p>\u30aa\u30f3\u30e9\u30a4\u30f3\u30c7\u30e2\u3067\u5b9f\u969b\u306b\u8a66\u3057\u3066\u307f\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30b9\u30e9\u30a4\u30c9\u304c\u9077\u79fb\u3059\u308b\u3068\u304d\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u52b9\u679c\u306f\u4ee5\u4e0b\u306e\u3082\u306e\u3092\u4f7f\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<ul>\n<li><strong>cube<\/strong>: \u7bb1\u304c\u56de\u8ee2\u3059\u308b\u3088\u3046\u306a\u30a8\u30d5\u30a7\u30af\u30c8\u3002\n<li><strong>linear<\/strong>: \u30b9\u30e9\u30a4\u30c9\u304c\u6a2a\u306b\u79fb\u52d5\u3059\u308b\u30a8\u30d5\u30a7\u30af\u30c8\u3002\n<li><strong>fade<\/strong>: \u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\/\u30d5\u30a7\u30fc\u30c9\u30a2\u30a6\u30c8\u3002\n<li><strong>none:<\/strong> \u306a\u3057\u3002\n<\/ul>\n<p><strong>\u300ccontrols\u300d<\/strong>\u3067\u77e2\u5370\u306e\u8868\u793a\u4f4d\u7f6e\u306e\u5207\u308a\u66ff\u3048\u3001<strong>\u300cbreadcrumbs\u300d<\/strong>\u3067\u30d1\u30f3\u5c51\u30ea\u30b9\u30c8\u306e\u8868\u793a\u30fb\u975e\u8868\u793a\u306e\u5207\u308a\u66ff\u3048\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u30b9\u30e9\u30a4\u30c9\u306e\u4f5c\u308a\u65b9\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3002data-slidr\u5c5e\u6027\u3067\u540d\u524d\u3092\u6307\u5b9a\u3002<\/p>\n<pre><code class=\"html\">&lt;ul id=\"slidr-ul\" style=\"display: inline\"&gt;\r\n  &lt;li data-slidr=\"one\"&gt;apple&lt;\/li&gt;\r\n  &lt;li data-slidr=\"two\"&gt;banana&lt;\/li&gt;\r\n  &lt;li data-slidr=\"three\"&gt;coconut&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n\r\n&lt;div id=\"slidr-img\" style=\"display: inline-block\"&gt;\r\n  &lt;img data-slidr=\"one\" src=\"\/static\/images\/apple.png\"&gt;\r\n  &lt;img data-slidr=\"two\" src=\"\/static\/images\/banana.png\"&gt;\r\n  &lt;img data-slidr=\"three\" src=\"\/static\/images\/coconut.png\"&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;div id=\"slidr-div\" style=\"dislay: block\"&gt;\r\n  &lt;div data-slidr=\"one\"&gt;apple&lt;\/div&gt;\r\n  &lt;div data-slidr=\"two\"&gt;banana&lt;\/div&gt;\r\n  &lt;div data-slidr=\"three\"&gt;coconut&lt;\/div&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<p>\u6b21\u306e\u3088\u3046\u306b\u547c\u3073\u51fa\u3057\u307e\u3059\u3002<\/p>\n<pre><code class=\"javascript\">slidr.create('slidr-ul').start();\r\n<\/code><\/pre>\n<p>\u3068\u3044\u3046\u3053\u3068\u3067\u3001\u899a\u3048\u3066\u304a\u3051\u3070\u3069\u3053\u304b\u3067\u4f7f\u3048\u308b\u304b\u3082\u3057\u308c\u306a\u3044\u30b9\u30e9\u30a4\u30c9\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u7d39\u4ecb\u3067\u3057\u305f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u300cslidr.js\u300d\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u8efd\u91cf\u306aJavaScript\u30e9\u30a4\u30d6\u30e9\u30ea(GitHub)\u3002inline \/ inline-block \/ block\u8981\u7d20\u306b\u304a\u624b\u8efd\u306b\u30b9\u30e9\u30a4\u30c9\u30a8\u30d5\u30a7\u30af\u30c8\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002Chrome 26 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":13409,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[75],"tags":[655,1664],"class_list":["post-13411","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","tag-javascript","tag-slidr-js"],"_links":{"self":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts\/13411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/comments?post=13411"}],"version-history":[{"count":0,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/posts\/13411\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/media\/13409"}],"wp:attachment":[{"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/media?parent=13411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/categories?post=13411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/softantenna.com\/blog\/wp-json\/wp\/v2\/tags?post=13411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}