{"id":76,"date":"2010-07-18T09:54:50","date_gmt":"2010-07-18T09:54:50","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=76"},"modified":"2021-10-17T12:13:17","modified_gmt":"2021-10-17T12:13:17","slug":"vertical-scroll-slideshow-gallery-v2","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-slideshow-gallery-v2\/","title":{"rendered":"Vertical scroll slideshow gallery v2 WordPress plugin"},"content":{"rendered":"\n<p>The <strong>vertical scroll slideshow gallery<\/strong> plugin will create the vertical scrolling image slideshow gallery on your WordPress. Images will scroll one by one on the front page. The plugin shows only one image at a time and scrolls the remaining one by one.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vertical scroll plugin features<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Simple installation and configuration. Thus, no coding required.<\/li><li>Widgets and shortcode options. So, you can add pretty much anything.<\/li><li>Easy slideshow size override option. Also, responsive web design.<\/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 in this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/horizontal-scroll-image-slideshow\/\">horizontal scroll image slideshow<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Installation Instruction<\/h2>\n\n\n\n<p>First, download the plugin ZIP file vertical-scroll-slideshow-gallery-v2.zip from the <a href=\"http:\/\/www.gopiplus.com\/work\/2012\/08\/04\/vertical-scroll-slideshow-gallery-v2-wordpress-plugin-download-link\/\">download<\/a> location.<\/p>\n\n\n\n<p><strong>Activate the plugin using the upload option.<\/strong><\/p>\n\n\n\n<p>Sign in to your WordPress dashboard. Navigate to the <strong>Plugins<\/strong> menu. And click <strong>Add New<\/strong> menu to upload the downloaded ZIP file (vertical-scroll-slideshow-gallery-v2.zip). Select the <strong>Upload Plugin<\/strong> button. Upload the available ZIP file and click <strong>Install Now<\/strong> button. Finally, click <strong>Activate<\/strong> plugin button to activate the plugin. Next, Go to the plugin admin page to change the default settings.<\/p>\n\n\n\n<p>I<strong>nstall the plugin with the search option<\/strong><\/p>\n\n\n\n<p>Sign in to your WordPress dashboard and go to the <strong>Plugins<\/strong> menu and click <strong>Add New<\/strong>. Search <strong>vertical-scroll-slideshow-gallery-v2<\/strong> plugin using the search option. This will search the plugin in the WordPress repository. This action required an active internet connection. Find the plugin in the search result and click <strong>Install Now<\/strong> button, so that the plugin will be installed automatically on the website directly from the WP repository. Finally, click activate plugin button to activate the plugin.<\/p>\n\n\n<div class=\"livedemo\">\n\t<h2>Live Demo<\/h2>\n\t<script language=\"JavaScript1.2\">\n\t\tvar vs2_scrollerwidth='500px';\n\t\tvar vs2_scrollerheight='300px';\n\t\tvar vs2_pausebetweenimages=3000;\n\t\tvar vs2_slideimages=new Array();\n\t\tvs2_slideimages[0]='<img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/1.jpg\\' title=\\'\\' alt=\\'\\' border=\\'0\\'>'; \n\t\tvs2_slideimages[1]='<img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/2.jpg\\' title=\\'\\' alt=\\'\\' border=\\'0\\'>'; \n\t\tvs2_slideimages[2]='<img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/3.jpg\\' title=\\'\\' alt=\\'\\' border=\\'0\\'>'; \n\t\tvs2_slideimages[3]='<img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/4.jpg\\' title=\\'\\' alt=\\'\\' border=\\'0\\'>'; \n\t\tvs2_slideimages[4]='<img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/5.jpg\\' title=\\'\\' alt=\\'\\' border=\\'0\\'>'; \n\t\tvs2_slideimages[5]='<img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/1.jpg\\' title=\\'\\' alt=\\'\\' border=\\'0\\'>'; \n\t\tvs2_slideimages[6]='<img src=\\'http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/500x300\/2.jpg\\' title=\\'\\' alt=\\'\\' border=\\'0\\'>'; \t\n\t<\/script>\n\t<script src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/demo\/vertical-scroll-slideshow-gallery.js\"><\/script>\n\t\t<ilayer id=\"vs2_main\" width=&{vs2_scrollerwidth}; height=&{vs2_scrollerheight}; visibility=hide> <layer id=\"vs2_first\" width=&{vs2_scrollerwidth};> \n\t\t<script language=\"JavaScript1.2\">\n\t\tif (document.layers)\n\t\tdocument.write(vs2_slideimages[0])\n\t\t<\/script> \n\t\t<\/layer> <layer id=\"vs2_second\" width=&{vs2_scrollerwidth}; visibility=hide> \n\t\t<script language=\"JavaScript1.2\">\n\t\tif (document.layers)\n\t\tdocument.write(vs2_slideimages[dyndetermine=(vs2_slideimages.length==1)? 0 : 1])\n\t\t<\/script> \n\t\t<\/layer> <\/ilayer> \n\t\t<script language=\"JavaScript1.2\">\n\t\tif (ie||dom)\n\t\t{\n\t\t\tdocument.writeln('<div style=\"padding:0px 0px 0px 0px;\">')\n\t\t\tdocument.writeln('<div id=\"vs2_main2\" style=\"position:relative;width:'+vs2_scrollerwidth+';height:'+vs2_scrollerheight+';overflow:hidden;\">')\n\t\t\tdocument.writeln('<div style=\"position:absolute;width:'+vs2_scrollerwidth+';height:'+vs2_scrollerheight+';clip:rect(0 '+vs2_scrollerwidth+' '+vs2_scrollerheight+' 0);\">')\n\t\t\tdocument.writeln('<div id=\"vs2_first2\" style=\"position:absolute;width:'+vs2_scrollerwidth+';left:0px;top:1px;\">')\n\t\t\tdocument.write(vs2_slideimages[0])\n\t\t\tdocument.writeln('<\/div>')\n\t\t\tdocument.writeln('<div id=\"vs2_second2\" style=\"position:absolute;width:'+vs2_scrollerwidth+';visibility:hidden\">')\n\t\t\tdocument.write(vs2_slideimages[dyndetermine=(vs2_slideimages.length==1)? 0 : 1])\n\t\t\tdocument.writeln('<\/div>')\n\t\t\tdocument.writeln('<\/div>')\n\t\t\tdocument.writeln('<\/div>')\n\t\t\tdocument.writeln('<\/div>')\n\t\t}\n\t<\/script>\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>Vertical scroll slideshow gallery<\/strong> menu to configure this plugin.<\/p>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/vertical-scroll-slideshow-gallery-v2.png\" alt=\"Vertical scroll slideshow gallery v2 WordPress plugin\"><\/figure>\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\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Widget:<\/strong><\/p>\n\n\n\n<p>This is the easiest way, First, go to the <strong>Appearance<\/strong> menu and click <strong>Widgets<\/strong>. Then, click the \u2018Plus\u2019 icon on the page to bring up the widget block menu. Finally, search the widget <strong>Vertical scroll slideshow gallery v2<\/strong> and drag and drop to your widget section. Otherwise, you can double-click to add the widget.<\/p>\n\n\n\n<p><strong>PHP code:<\/strong><\/p>\n\n\n\n<p>Copy and paste the below PHP code to your desired template location (in PHP file) to show the plugin on the theme. It allows you to embed the shortcode anywhere you want in the file. of course, you have to activate the plugin.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;vertical-scroll-slideshow-gallery group=\"Group1\" width=\"250\" height=\"165\" time=\"3000\" random=\"YES\"]' ); ?&gt;<\/code><\/pre>\n\n\n\n<p><strong>Shortcode:<\/strong><\/p>\n\n\n\n<p>Shortcodes are the simple way to add plugins into your WordPress posts, pages, and sidebars. Find the code below. and use it inside the posts.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;vertical-scroll-slideshow-gallery group=\"Group1\" width=\"250\" height=\"165\" time=\"3000\" random=\"YES\"]<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. Installed successfully. However, no image display on the front end. What\u2019s wrong?<\/strong><\/p>\n\n\n\n<p>Make sure the image is uploaded properly in the admin.<\/p>\n\n\n\n<p><strong>Q2. Where to upload my image?<\/strong><\/p>\n\n\n\n<p>We have a separate admin page to add\/upload images into the gallery. Please find the admin screen above.<\/p>\n\n\n\n<p>Sign in to your WordPress dashboard and navigate to the Settings menu in the dashboard. then, click the Vertical scroll slideshow menu to add\/edit\/delete the image of this plugin.<\/p>\n\n\n\n<p><strong>Q3. Why my image gallery is out of range?<\/strong><\/p>\n\n\n\n<p>In the front end, if you see a gallery out of the area or invisible, it is because of the height and width of the gallery setting, so you should arrange the width and height of the gallery in the configuration page.<\/p>\n\n\n\n<p><strong>Q4. Why my slideshow is not scrolling properly or why does one image overlaps another at the time of scroll?<\/strong><\/p>\n\n\n\n<p>Set the scroll width and scroll height to the width\/height of the largest image in your slideshow. This will help the scroller to rotate the images smother.<\/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\/vertical-scroll-slideshow-gallery-v2\/\">http:\/\/www.gopiplus.com\/work\/2010\/07\/18\/vertical-scroll-slideshow-gallery-v2\/<\/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\/08\/04\/vertical-scroll-slideshow-gallery-v2-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/08\/04\/vertical-scroll-slideshow-gallery-v2-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/vertical-scroll-slideshow-gallery-v2\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/vertical-scroll-slideshow-gallery-v2\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The vertical scroll slideshow gallery plugin will create the vertical scrolling image slideshow gallery on your WordPress. Images will scroll one by one on the front page. The plugin shows only one image at a time and scrolls the remaining one by one. Vertical scroll plugin features Simple installation and configuration. Thus, no coding required. [&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":[19,21,6,17,118,28,29,14,5],"class_list":["post-76","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-gallery","tag-images","tag-plugin","tag-scroll","tag-showcase","tag-slideshow","tag-vertical","tag-widget","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/76","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=76"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/76\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=76"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=76"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}