{"id":29,"date":"2010-07-18T09:23:21","date_gmt":"2010-07-18T09:23:21","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=29"},"modified":"2021-08-29T11:54:22","modified_gmt":"2021-08-29T11:54:22","slug":"drop-in-image-slideshow-gallery","status":"publish","type":"post","link":"https:\/\/www.gopiplus.com\/work\/2010\/07\/18\/drop-in-image-slideshow-gallery\/","title":{"rendered":"Drop in image slideshow gallery WordPress plugin"},"content":{"rendered":"\n<p>This drop-in image slideshow gallery WordPress plugin is your regular image slideshow plugin, except each image is <strong>dropped<\/strong> into view. this effect works in all major browsers. The slideshow stops dropping when the mouse is over it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Features of this plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Simple customization.<\/li><li>Easy installation.<\/li><li>Widgets, so you can add pretty much anything.<\/li><li>Easy slideshow size (width &amp; height) override option.<\/li><li>Shortcode available to display in the posts.<\/li><\/ul>\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<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin live demo available on this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/work\/2011\/05\/06\/wordpress-plugin-wp-image-slideshow\/\">Wp image slideshow (Drop In Effect)<\/a> WordPress plugin.<\/p><\/blockquote>\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>Option 1<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Download the plugin drop-in-image-slideshow-gallery.zip from the <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li> Unpack the *.zip file and extract the \/drop-in-image-slideshow-gallery\/ folder.<\/li><li> Drop the &#8216;drop-in-image-slideshow-gallery&#8217; folder into your website &#8216;wp-content\/plugins&#8217; folder.<\/li><li> In WordPress administration panels, click on plugin from the menu.<\/li><li> You should see your new &#8216;drop in image slideshow gallery&#8217; plugin listed under the Inactive plugin tab.<\/li><li> To turn the WordPress plugin on, click activate.<\/li><\/ul>\n\n\n\n<p><strong>Option 2<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Go to the &#8216;Add New&#8217; menu under &#8216;Plugins&#8217; tab in your WordPress admin.<\/li><li> Search &#8216;<strong>Drop in image slideshow gallery<\/strong>&#8216; plugin using search option.<\/li><li> Find the plugin and click &#8216;Install Now&#8217; link.<\/li><li> Finally click the activate plugin link to activate the plugin.<\/li><\/ul>\n\n\n\n<p><strong>Option 3<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> Download the plugin drop-in-image-slideshow-gallery.zip from the <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li> Go to the &#8216;<strong>Add New<\/strong>&#8216; menu under the &#8216;<strong>Plugins<\/strong>&#8216; tab in your WordPress admin.<\/li><li> Click <strong>Upload Plugin<\/strong> button.<\/li><li> Upload the available drop-in-image-slideshow-gallery.zip 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>Drag and Drop the Widget: <\/strong>Go to the <strong>Widgets<\/strong> page under the <strong>Appearance<\/strong> menu, Drag and drop the &#8216;drop-in image slideshow gallery&#8217; widget into your sidebar. it&#8217;s very easy.<\/p>\n\n\n\n<p><strong>Add directly in the theme:<\/strong> Use this code to add this plugin to your Theme files.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;drop-in-image-slideshow width=\"200\" height=\"150\" delay=\"3000\" dir=\"wp-content\/plugins\/drop-in-image-slideshow-gallery\/gallery\/\" link=\"\"]' ); ?><\/code><\/pre>\n\n\n\n<p><strong>Plugin Short Code:<\/strong> Use plugin shortcode in the posts\/pages also in the widget to display the drop-in image slideshow gallery.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;drop-in-image-slideshow width=\"200\" height=\"150\" delay=\"3000\" dir=\"wp-content\/plugins\/drop-in-image-slideshow-gallery\/gallery\/\" link=\"\"]<\/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\">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>Go to the widget management area and change the width &amp; height of the slide show<em>.<\/em> If you use shortcode, we have all the options in the shortcode itself.<\/p>\n\n\n\n<p><strong>Q2. How to change the drop delay time?<\/strong><\/p>\n\n\n\n<p>Go to the widget management area and change the Delay time. The same Delay parameter is available in the shortcode to change the time.<\/p>\n\n\n\n<p><strong>Q3. Where to upload my image?<\/strong><\/p>\n\n\n\n<p>wp-content\/plugins\/drop-in-image-slideshow-gallery\/gallery\/<\/p>\n\n\n\n<p>This is the default location after installation is completed you should change the image location to some other folder. Best is don&#8217;t keep the images within plugin folder &#8220;wp-content\/plugins\/drop-in-image-slideshow-gallery&#8221; instead keep your images inside &#8220;wp-content\/uploads&#8221; folder.<\/p>\n\n\n\n<p><strong>Q4. How the slide show manages the order?<\/strong><\/p>\n\n\n\n<p>The file names are returned in the order in which they are stored by the file system.<\/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\/2010\/07\/18\/drop-in-image-slideshow-gallery\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/drop-in-image-slideshow-gallery\/<\/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\/17\/drop-in-image-slideshow-gallery-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/06\/17\/drop-in-image-slideshow-gallery-wordpress-plugin-download-link\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This drop in image slide show gallery is your regular image slideshow plugin, except each image is dropped into view. this effect that works in all major browsers. The slideshow stops dropping when the mouse is over it.<\/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-29","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":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":0,"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/29\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}