{"id":124313,"date":"2020-07-08T21:32:59","date_gmt":"2020-07-08T21:32:59","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/no-bs-image-slider\/"},"modified":"2022-02-14T04:55:51","modified_gmt":"2022-02-14T04:55:51","slug":"no-bs-image-slider","status":"publish","type":"plugin","link":"https:\/\/da.wordpress.org\/plugins\/no-bs-image-slider\/","author":8329166,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.8","stable_tag":"1.8","tested":"5.9.13","requires":"4.7","requires_php":"5.4","requires_plugins":"","header_name":"No BS Image Slider","header_author":"Jonathan Weatherhead","header_description":"For displaying a light-weight image slider","assets_banners_color":"73736e","last_updated":"2022-02-14 04:55:51","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/planetjon.ca","header_plugin_uri":"https:\/\/planetjon.ca\/projects\/no-bs-image-slider\/","header_author_uri":"https:\/\/planetjon.ca","rating":5,"author_block_rating":0,"active_installs":10,"downloads":1180,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","faq","changelog"],"tags":{"1.7.1":{"tag":"1.7.1","author":"jweathe","date":"2021-10-01 17:52:04"},"1.8":{"tag":"1.8","author":"jweathe","date":"2022-02-14 04:55:51"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":2337692,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-772x250-rtl.jpg":{"filename":"banner-772x250-rtl.jpg","revision":2337692,"resolution":"772x250","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":2337692,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.7.1","1.8"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1985,786,606,208],"plugin_category":[50],"plugin_contributors":[92620],"plugin_business_model":[],"class_list":["post-124313","plugin","type-plugin","status-publish","hentry","plugin_tags-accessible","plugin_tags-carousel","plugin_tags-responsive","plugin_tags-slideshow","plugin_category-media","plugin_contributors-jweathe","plugin_committers-jweathe"],"banners":{"banner":"https:\/\/ps.w.org\/no-bs-image-slider\/assets\/banner-772x250.jpg?rev=2337692","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/no-bs-image-slider\/assets\/icon-128x128.jpg?rev=2337692","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>This is an ultra-minimal no-frills responsive and accessible image carousel \/ slider.<\/p>\n\n<p>There are many robust image slider plugins already. They work well and have a lot of features, some with even more features at the premium tier.\nI'm not saying that they don't have their place but that sometimes they are excessive.<\/p>\n\n<p>This plugin is for someone who just wants to have linked images scroll by in a loop on their website.<\/p>\n\n<h3>How To Use<\/h3>\n\n<p>No BS Image Slider works by leveraging what WordPress already provides, by creating a new custom post type and taxonomy.<\/p>\n\n<ol>\n<li>To begin, create your slides by using the Image Slide type. Be sure to add a featured image, and provide a link in the link field. Captions can be supplied by filling out the exerpt.<\/li>\n<li>Create a slider by adding an Image Slider taxonomy. This allows a slide to be in multiple sliders.<\/li>\n<li>Use the No BS Image Slider widget to configure which slider you want displayed, and the duration of each slide.<\/li>\n<\/ol>\n\n<p>A great <a href=\"https:\/\/planetjon.ca\/4778\/making-an-image-carousel-with-no-bs-image-slider\" title=\"Making an image carousel with No BS Image Slider\">rundown of the plugin<\/a> is available on the Planetjon blog.<\/p>\n\n<h3>Shortcode<\/h3>\n\n<p>To manually insert a slider, use the shortcode [nbis].\nYou must provide at minimum the slider slug.<\/p>\n\n<p>The shortcode attributes are<\/p>\n\n<ul>\n<li>slider=\"slug\"<\/li>\n<li>duration=\"number\" (seconds, default 5)<\/li>\n<li>transition=\"number\" (seconds, default 1.25)<\/li>\n<li>showcounter=\"yes|no\" (default no)<\/li>\n<li>lazy=\"yes|no\" (default no)<\/li>\n<\/ul>\n\n<h3>Widget<\/h3>\n\n<p>A widget that exposes all of the above options is available.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id='what%20makes%20this%20light-weight%3F'><h3>What makes this light-weight?<\/h3><\/dt>\n<dd><p>No BS Image Slider has minimal backend coding and zero external dependencies.\nThe slider is also optimized purely with CSS, no JavaScript is used.\nThe CSS weighs in at under 2 kilobytes, blowing away all of the major slider plugins by a mile.<\/p><\/dd>\n<dt id='how%20can%20i%20set%20the%20order%20of%20slides%20in%20a%20slider'><h3>How can I set the order of slides in a slider<\/h3><\/dt>\n<dd><p>While there are no admin options for this, it can be done by using custom CSS.\nSliders are ID'd with <code>no-bs-image-slider-&lt;slug&gt;<\/code> and slides are ID'd with <code>nbis-slide-&lt;slideId&gt;<\/code>.<\/p>\n\n<p>An approach would be to style the slider scrollpane as Flexbox, and set the order on the slides.<\/p>\n\n<blockquote>\n  <p>&#035;no-bs-image-slider-slug .scrollpane {\n        display: flex;\n    }\n    &#035;no-bs-image-slider-slug .scrollpane #nbis-slide-1 {\n        order: 1;\n    }\n    &#035;no-bs-image-slider-slug .scrollpane #nbis-slide-2 {\n        order: 0;\n    }<\/p>\n<\/blockquote><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.8<\/h4>\n\n<ul>\n<li>Transition duration parameter added.<\/li>\n<\/ul>","raw_excerpt":"For displaying a light-weight image slider.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/124313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=124313"}],"author":[{"embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/jweathe"}],"wp:attachment":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=124313"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=124313"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=124313"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=124313"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=124313"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=124313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}