Interactive Slider is an easy way to generate image slider based on the Wordpress posts. Sliders generated that way will features posts excerpt's scroller, \nwhich will serve as a navigation panel for slides.<\/p>\n\n
Slider inclusion on a website is done by the Wordpress shortcode functionality. You can place it inside a post or page content or add it directly to a choosen file template.\nTo include it inside a particular file template, just add the following code somewhere inside the source code:<\/p>\n\n
<?php echo do_shortcode('[interactive_slider width=\"1040\" height=\"250\" scroller_width=\"257\"]'); ?>\n<\/code><\/pre>\n\n\"width\", \"height\" and \"scroller_width\" are ones of the options you can set to configure the resulted slider instance.<\/p>\n\n
Here is a full list of possible options:<\/h4>\n\n\n\"id\" [ HTML Element id, \"iaSlider\" by default ]
\nthis will be the id of a container wrapping up the slider HTML elements. Should be unique if you want to include more then one slider per page,<\/p><\/li>\n
\"continous_loop\" [ \"yes\" or \"no\", \"yes\" by default ]
\ntell the scroller whether to make copies of content to scroll them one after another in loop,<\/p><\/li>\n
\"width\" [ in pixels, \"960\" by default ]
\nwidth of the slider,<\/p><\/li>\n
\"height\" [ in pixels, \"360\" by default ]
\nheight of the slider,<\/p><\/li>\n
\"scroller_width\" [ in pixels, \"257\" by default ]
\nposts excerpt's scroller width,<\/p><\/li>\n
\"gap_between_slides_and_scroller\" [ in pixels, \"3\" by default ]
\ngap between slides and scroller,<\/p><\/li>\n
\"scroller_speed\" [ in pixels per second, \"40\" by default ]
\nposts excerpt's scroller scroll speed,<\/p><\/li>\n
\"scroller_direction\" [ \"forward\" or \"backward\", \"forward\" by default ]
\nposts excerpt's scroller scroll direction,<\/p><\/li>\n
\"thumbs_width\" [ in pixels, \"70\" by default ]
\nposts excerpt's featured image thumbnail width,<\/p><\/li>\n
\"thumbs_height\" [ in pixels, \"70\" by default ]
\nposts excerpt's featured image thumbnail height,<\/p><\/li>\n
\"post_ids\" [ separated by comma posts id's list, empty by default ]
\nposts ids to generate the slider from them. If empty, then 10 latest posts will be used instead.<\/p><\/li>\n<\/ul>\n\n
NOTE<\/strong>: the plugin does not have admin panel pages. All of its functionality is modified through the shortcode options mentioned above.<\/p>\n\n\n\n- Upload
interactive-slider<\/code> folder to the \/wp-content\/plugins\/<\/code> directory,<\/li>\n- Activate the plugin through the 'Plugins' menu in WordPress,<\/li>\n
- Place
<?php echo do_shortcode('[interactive_slider option1=\"value1\" option2=\"value2\" etc. ]'); ?><\/code> in your templates or<\/li>\n- Place [interactive_slider option1=\"value1\" option2=\"value2\" etc. ] in your post\/page content<\/li>\n<\/ol>\n\n\n
\n- Why there is an empty image instead of a post related image?<\/dt>\n
Slides are made by scalling down orginal images ( setted up as a featured images for posts ). If a post does not have\nfeatured image setted up, then the default one ( empty image ) will be used.<\/p><\/dd>\n
- Why slider is loading so long?<\/dt>\n
Slides are made by scalling down orginal images ( setted up as a featured images for posts ). \nFirst load of the slider on a website as well any later load ( after options was changed, e.g. after width or height was changed ) will\nrequire the plugin to generate scalled version of the orginal images and this may take a while.<\/p>\n\n
However after the scalled version is generated, the slider should load quite fast ( as all the images should fit the slider dimensions )<\/p><\/dd>\n
- How can I change default empty image for posts without its own featured image?<\/dt>\n
Replace the interactive-slider\/images\/intractive-slider-empty.jpg image with your own image. Deactivate and activate plugin for changes to take effect.<\/p><\/dd>\n\n<\/dl>\n\n\n
1.0.2<\/h4>\n\n\n- CSS correction. <\/li>\n
- SVN \/tags subdirectory layout correction. <\/li>\n
- Tested up the plugin with different Wordpress versions. <\/li>\n<\/ul>\n\n
1.0.1<\/h4>\n\n\n- Move the plugin screenshot to \/assets subdirectory.<\/li>\n<\/ul>","raw_excerpt":"Interactive Slider is an easy way to generate image slider ( with posts excerpt's scroller as a navigation panel ) based on the Wordpress posts.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/27734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=27734"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mariusz-webdeveloper"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=27734"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=27734"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=27734"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=27734"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=27734"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=27734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}