{"id":4878,"date":"2021-08-06T12:23:07","date_gmt":"2021-08-06T12:23:07","guid":{"rendered":"https:\/\/www.bearloga.space\/?page_id=4878"},"modified":"2021-08-06T12:23:08","modified_gmt":"2021-08-06T12:23:08","slug":"jquery-slideshow-js","status":"publish","type":"page","link":"https:\/\/www.bearloga.space\/en\/jquery-slideshow-js\/","title":{"rendered":"jQuery \u2014 Slideshow.js"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Slideshow.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043b\u0430\u0439\u0434-\u0448\u043e\u0443 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0438\u043b\u0438 \u0432\u0438\u0434\u0435\u043e \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u0441\u0430\u0439\u0442\u0435.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u043b\u0430\u0439\u0434-\u0448\u043e\u0443, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \n   \"https:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"&gt;\n\n&lt;html xmlns = \"https:\/\/www.w3.org\/1999\/xhtml\" xml:lang = \"en\" lang = \"en\"&gt;\n   \n   &lt;head&gt;\n      &lt;meta http-equiv = \"content-type\" content = \"text\/html; charset = UTF-8\" \/&gt;\n\t\t\n      &lt;link rel = \"stylesheet\" href = \"css\/supersized.css\" type = \"text\/css\" \n         media = \"screen\" \/&gt;\n      \n      &lt;link rel = \"stylesheet\" href = \"theme\/supersized.shutter.css\" \n         type = \"text\/css\" media = \"screen\" \/&gt;\n\t\t\n      &lt;script type = \"text\/javascript\" \n         src = \"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.6.1\/jquery.min.js\"&gt;\n         &lt;\/script&gt;\n      &lt;script type = \"text\/javascript\" src =\" js\/jquery.easing.min.js\"&gt;&lt;\/script&gt;\n\t\t\n      &lt;script type = \"text\/javascript\" src =\" js\/supersized.3.2.7.min.js\"&gt;&lt;\/script&gt;\n      &lt;script type = \"text\/javascript\" src = \"theme\/supersized.shutter.min.js\"&gt;&lt;\/script&gt;\n\t\t\n      &lt;script type = \"text\/javascript\"&gt;\n         jQuery(function($){\n            $.supersized({\n               slideshow         :  1,\t\t\t\n               autoplay          :  1,\t\t\t\n               start_slide       :  1,\t\t\t\n               stop_loop         :  0,\t\t\t\n               random            :  0,\t\t\t\n               slide_interval    :  3000,\t\t\n               transition        :  6, \t\t\t\n               transition_speed  :  1000,\t\t\n               new_window        :  1,\t\t\t\n               pause_hover       :  0,\t\t\t\n               keyboard_nav      :  1,\t\t\t\n               performance       :  1,\t\t\t\n               image_protect     :  1,\t\t\t\n                                                \n               min_width         :  0,\t\t\t\n               min_height        :  0,\t\t\t\n               vertical_center   :  1,\t\t\t\n               horizontal_center :  1,\t\t\t\n               fit_always        :  0,\t\t\t\n               fit_portrait      :  1,\t\t\t\n               fit_landscape     :  0,\t\t\t\n               \n               slide_links       :  'blank',\t\n               thumb_links       :  1,\t\t\t\n               thumbnail_navigation    :   0,\t\t\t\n               slides            :  \t\n               [\t\t\t\n                  {\n                     image : 'https:\/\/buildinternet.s3.amazonaws.com\/projects\/supersized\/3.2\/slides\/kazvan-1.jpg', \n                        title : 'Sample demo', \n                        thumb : 'https:\/\/buildinternet.s3.amazonaws.com\/projects\/supersized\/3.2\/thumbs\/kazvan-1.jpg', \n                        url : 'https:\/\/www.tutorialspoint.com'\n                  },\n                  {\n                     image : 'https:\/\/buildinternet.s3.amazonaws.com\/projects\/supersized\/3.2\/slides\/kazvan-3.jpg', \n                        title : 'Sample demo', \n                        thumb : 'https:\/\/buildinternet.s3.amazonaws.com\/projects\/supersized\/3.2\/thumbs\/kazvan-3.jpg', \n                        url : 'https:\/\/www.tutorialspoint.com'\n                  },\n                  {\n                     image : 'https:\/\/buildinternet.s3.amazonaws.com\/projects\/supersized\/3.2\/slides\/wojno-1.jpg', \n                        title : 'Sample demo', \n                        thumb : 'https:\/\/buildinternet.s3.amazonaws.com\/projects\/supersized\/3.2\/thumbs\/wojno-1.jpg', \n                        url : 'https:\/\/www.tutorialspoint.com'\n                  },\n                  {\n                     image : 'https:\/\/buildinternet.s3.amazonaws.com\/projects\/supersized\/3.2\/slides\/wojno-2.jpg', \n                        title : 'Sample demo', \n                        thumb : 'https:\/\/buildinternet.s3.amazonaws.com\/projects\/supersized\/3.2\/thumbs\/wojno-2.jpg', \n                        url : 'https:\/\/www.tutorialspoint.com'\n                  },\n                  {\n                     image : 'https:\/\/buildinternet.s3.amazonaws.com\/projects\/supersized\/3.2\/slides\/wojno-3.jpg', \n                        title : 'Sample demo', \n                        thumb : 'https:\/\/buildinternet.s3.amazonaws.com\/projects\/supersized\/3.2\/thumbs\/wojno-3.jpg', \n                        url : 'https:\/\/www.tutorialspoint.com'},\n               ],\n               progress_bar      :\t1,\t\t\t\n               mouse_scrub       :\t0\n            });\n         });\n      &lt;\/script&gt;\n   &lt;\/head&gt;\n\t\n   &lt;style type = \"text\/css\"&gt;\n      ul#demo-block{ margin:0 15px 15px 15px; }\n      ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; \n         float:left; clear:both; color:#aaa; background:url('img\/bg-black.png'); \n         font:11px Helvetica, Arial, sans-serif; }\n      ul#demo-block li a{ color:#eee; font-weight:bold; }\n   &lt;\/style&gt;\n\n   &lt;body&gt;\n      &lt;div id = \"prevthumb\"&gt;&lt;\/div&gt;\n      &lt;div id = \"nextthumb\"&gt;&lt;\/div&gt;\n      \n      &lt;a id = \"prevslide\" class = \"load-item\"&gt;&lt;\/a&gt;\n      &lt;a id = \"nextslide\" class = \"load-item\"&gt;&lt;\/a&gt;\n      \n      &lt;div id = \"thumb-tray\" class = \"load-item\"&gt;\n         &lt;div id = \"thumb-back\"&gt;&lt;\/div&gt;\n         &lt;div id = \"thumb-forward\"&gt;&lt;\/div&gt;\n      &lt;\/div&gt;\n      \n      &lt;div id = \"progress-back\" class = \"load-item\"&gt;\n         &lt;div id = \"progress-bar\"&gt;&lt;\/div&gt;\n      &lt;\/div&gt;\n      \n      &lt;div id = \"controls-wrapper\" class = \"load-item\"&gt;\n         &lt;div id = \"controls\"&gt;\n            &lt;a id = \"play-button\"&gt;&lt;img id = \"pauseplay\" src = \"img\/pause.png\"\/&gt;&lt;\/a&gt;\n\n            &lt;div id = \"slidecounter\"&gt;\n               &lt;span class = \"slidenumber\"&gt;&lt;\/span&gt; \/ &lt;span class = \"totalslides\"&gt;&lt;\/span&gt;\n            &lt;\/div&gt;\n\n            &lt;div id = \"slidecaption\"&gt;&lt;\/div&gt;\n\n            &lt;a id = \"tray-button\"&gt;&lt;img id = \"tray-arrow\" src = \"img\/button-tray-up.png\"\/&gt;&lt;\/a&gt;\n\n            &lt;ul id = \"slide-list\"&gt;&lt;\/ul&gt;\n         &lt;\/div&gt;\n      &lt;\/div&gt;\n   &lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Slideshow.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043b\u0430\u0439\u0434-\u0448\u043e\u0443 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0438\u043b\u0438 \u0432\u0438\u0434\u0435\u043e \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u0441\u0430\u0439\u0442\u0435. \u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u043b\u0430\u0439\u0434-\u0448\u043e\u0443, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[154],"tags":[],"class_list":["post-4878","page","type-page","status-publish","hentry","category-jquery"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages\/4878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/comments?post=4878"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages\/4878\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/media?parent=4878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/categories?post=4878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/tags?post=4878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}