{"id":787,"date":"2011-05-06T16:42:43","date_gmt":"2011-05-06T16:42:43","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=787"},"modified":"2021-09-04T16:07:13","modified_gmt":"2021-09-04T16:07:13","slug":"wordpress-plugin-wp-image-slideshow","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2011\/05\/06\/wordpress-plugin-wp-image-slideshow\/","title":{"rendered":"Wp image slideshow (Drop In Effect) WordPress plugin"},"content":{"rendered":"\n<p>This is an advanced version of my <strong>drop-in image slideshow gallery<\/strong> WordPress plugin. In this gallery, each image is dropped into view. The slideshow will pause on mouseover. This plugin has a separate image management page in the admin dashboard. From that dashboard, the admin can manage the gallery images, target links, and display order. In the old <strong>drop-in image slideshow<\/strong> plugin, the images are retrieved directly from the folder.<\/p>\n\n\n\n<p><strong>Drop-in<\/strong> image slideshow gallery plugin directly retrieves images from the folder. and this new Wp image slideshow has a separate page to manage image details.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column1\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Large Rectancle Center page -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"0362029595\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n\t<div class=\"ads-column2\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- gopiplus.org Main -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"7521653079\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Features of this plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Free.<\/li><li>Easy to customize.<\/li><li>Support all browser.<\/li><li>Automatically pauses on mouse over.<\/li><li>Short code available for pages and posts.<\/li><li>Hyperlink option to each images.<\/li><li>Display image order option available also random order option available.<\/li><\/ul>\n\n\n\n<p>Plugin <strong>live demo<\/strong> is available on this page. You may also be interested in the <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/10\/10\/superb-slideshow-gallery\/\">Superb slideshow gallery<\/a> WordPress plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Drop In Effect WordPress plugin<\/h2>\n\n\n<div class=\"livedemo\">\n<h2>Live Demo<\/h2>\n<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/mod_drop_in_image_slideshow_gallery.js\" type=\"text\/javascript\"><\/script>\n<script type=\"text\/javascript\">\nvar wpis_images=new Array()\nwpis_images[0]=[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\", \"http:\/\/www.gopiplus.com\/\", \"_new\"]; \nwpis_images[1]=[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_2.jpg\", \"http:\/\/www.gopiplus.com\/\", \"_new\"]; \nwpis_images[2]=[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\", \"http:\/\/www.gopiplus.com\/\", \"\"]; \nwpis_images[3]=[\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_4.jpg\", \"http:\/\/www.gopiplus.com\/\", \"_new\"];  \nnew wpis(wpis_images, 700, 450, 3000)\n<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Download the plugin <strong>wp-image-slideshow.zip<\/strong> from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li> Unpack the *.zip file and extract the \/ wp-image-slideshow\/ folder.<\/li><li> Drop the <strong>wp-image-slideshow<\/strong> folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li><li> In word press administration panels, click on plugin from the menu.<\/li><li> You should see your new <strong>wp image slideshow<\/strong> plugin listed under Inactive tab.<\/li><li> To turn the WordPress plugin on, click activate.<\/li><\/ul>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Go to &#8216;Add New&#8217; menu under &#8216;Plugins&#8217; tab in your WordPress admin.<\/li><li> Search <strong>wp image slideshow<\/strong> plugin using search option.<\/li><li> Find the plugin and click &#8216;Install Now&#8217; link.<\/li><li> Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<p><strong>Method 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Download the plugin <strong>wp-image-slideshow.zip<\/strong> from <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li> Go to &#8216;Add New&#8217; menu under &#8216;Plugins&#8217; tab in your word-press admin.<\/li><li> Select upload link (top link menu).<\/li><li> Upload the available <strong>wp-image-slideshow.zip<\/strong> file and click install now<\/li><li> Finally click activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Method 1<\/strong><\/p>\n\n\n\n<p>Drag and Drop the Widget: Go to the <strong>Widget<\/strong> page under the <strong>Appearance<\/strong> menu, Drag and drop<strong> <\/strong>the <strong>wp image slideshow<\/strong> widget into your sidebar. it&#8217;s very easy.<\/p>\n\n\n\n<p><strong>Method 2<\/strong><\/p>\n\n\n\n<p>Add the gallery in the Posts or Pages: Copy and paste the given shortcode into pages or posts.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;wp-image-gallery type=\"sample\" width=\"360\" height=\"170\" pause=\"3000\" random=\"yes\"]<\/code><\/pre>\n\n\n\n<p><strong>Method 3<\/strong><\/p>\n\n\n\n<p>Add directly in the theme: Use this do_shortcode code to add the gallery into your theme files.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;wp-image-gallery type=\"sample\" width=\"360\" height=\"170\" pause=\"3000\" random=\"yes\"]' ); ?><\/code><\/pre>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t<!-- Above Comment -->\n\t<ins class=\"adsbygoogle\"\n\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t data-ad-slot=\"2359628415\"><\/ins>\n\t<script>\n\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Admin page<\/h2>\n\n\n\n<p>In your WordPress administrator section go to the <strong>Settings<\/strong> menu and select the <strong>wp image slideshow<\/strong> menu to configure this plugin<\/p>\n\n\n\n<p>Only website admin and the user have the administrator privilege can see and change the gallery setting and can add, update, delete the plugin images in the website administration area.<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/wp-image-slideshow.png\" alt=\"wp image slideshow WordPress plugin\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked  questions<\/h2>\n\n\n\n<p><strong>Q1. How to arrange the width &amp;  height of the slideshow?<\/strong><\/p>\n\n\n\n<p>Ans: Go to dashboard <strong>wp image slideshow<\/strong> link under setting menu and change the width &amp; height of the slide show (For widget)<em>. <\/em><\/p>\n\n\n\n<p>Ans : Option available in the shortcode (For posts and plugins)<em>.<\/em><\/p>\n\n\n\n<p><strong>Q2. How to change the drop delay  time?<\/strong><\/p>\n\n\n\n<p>Ans: Go to dashboard <strong>wp image slideshow <\/strong>link under setting menu and change pause value (For widget).<\/p>\n\n\n\n<p>Ans: Option available in the short code (For posts and pages).<\/p>\n\n\n\n<p><strong>Q3. Where to upload my image?<\/strong><\/p>\n\n\n\n<p>Ans: Go to dashboard <strong>wp image slideshow <\/strong>link under setting menu there we have a page to enter image.<\/p>\n\n\n\n<p><strong>Q4. How do group the images for different gallery?<\/strong><\/p>\n\n\n\n<p>Ans: Use the <strong>Type <\/strong>field in the image management area to differentiate the images for the different galleries.<\/p>\n\n\n\n<p><strong>Q5. What is difference between &#8220;Drop in image slideshow gallery&#8221; and &#8220;Wp image slideshow&#8221;<\/strong><\/p>\n\n\n\n<p>Ans: Drop in image slideshow gallery plugin directly retrieve images from the folder. and this new Wp image slideshow have separate page to manage images.<\/p>\n\n\n\n<p><strong>Q6. How the slide show manages the order?<\/strong><\/p>\n\n\n\n<p>Ans: Order option available in the image management area.<\/p>\n\n\n\n<p><strong>Q7. Is possible to load images in the random order?<\/strong><\/p>\n\n\n\n<p>Ans: Yes, Option available in the gallery setting page. for pages and posts the same option available in the shortcode.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2011\/05\/06\/wordpress-plugin-wp-image-slideshow\/\">http:\/\/www.gopiplus.com\/work\/2011\/05\/06\/wordpress-plugin-wp-image-slideshow\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download location<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/06\/29\/wp-image-slideshow-drop-in-effect-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/06\/29\/wp-image-slideshow-drop-in-effect-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"dQPsIRp1t6\"><a href=\"https:\/\/wordpress.org\/plugins\/wp-image-slideshow\/\">wp image slideshow<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;wp image slideshow&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/wp-image-slideshow\/embed\/#?secret=dQPsIRp1t6\" data-secret=\"dQPsIRp1t6\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This is an advanced version of my drop-in image slideshow gallery WordPress plugin. In this gallery, each image is dropped into view. The slideshow will pause on mouseover. This plugin has a separate image management page in the admin dashboard. From that dashboard, the admin can manage the gallery images, target links, and display order. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[50,222,19,20,6,172,28,5],"class_list":["post-787","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-drop-in","tag-dropin","tag-gallery","tag-image","tag-plugin","tag-slider","tag-slideshow","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/comments?post=787"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/787\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=787"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}