{"id":1202,"date":"2011-05-30T13:32:34","date_gmt":"2011-05-30T13:32:34","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=1202"},"modified":"2021-09-04T14:24:56","modified_gmt":"2021-09-04T14:24:56","slug":"wordpress-plugin-image-vertical-reel-scroll-slideshow","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2011\/05\/30\/wordpress-plugin-image-vertical-reel-scroll-slideshow\/","title":{"rendered":"Image vertical reel scroll slideshow WordPress plugin"},"content":{"rendered":"\n<p><strong>Image vertical reel scroll slideshow<\/strong> WordPress plugin will create the vertical scroll slideshow on your WordPress website. This will create a slideshow-like reel. The images will scroll one by one from bottom to top. Each slide can be optionally hyper-linked; also we can configure the order of the images and hyper-link target option (i.e. open the link into a new window or on the same window). We have a shortcode to add this plugin to pages and posts.<\/p>\n\n\n\n<p>See the <strong>Image vertical reel scroll slideshow plugin<\/strong> demo below. <a href=\"http:\/\/www.gopiplus.org\/work\/2011\/06\/25\/wordpress-plugin-vertical-scrolling-images-slideshow-video-tutorial\/\">Click here<\/a> to watch the <strong>video tutorial<\/strong> for plugin installation and configuration.<\/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<p>Do you want to scroll the images in the horizontal style? Use my <a href=\"http:\/\/www.gopiplus.com\/work\/2011\/05\/08\/wordpress-plugin-image-horizontal-reel-scroll-slideshow\/\">image horizontal reel scroll slideshow<\/a> WordPress plugin.<\/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>Easy to customize.<\/li><li>Support all browser.<\/li><li>Short code available for pages.<\/li><li>Short code available for posts.<\/li><li>Hyperlink option to each images.<\/li><li>Image order option available.<\/li><li>Random order image display option.<\/li><\/ul>\n\n\n<div class=\"livedemo\">\n<h2>Live Demo<\/h2>\n<script language=\"javascript\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/mod_vertical_scrolling_images.js\" ><\/script>\n<div style=\"padding-top:1px;padding-bottom:1px;\">\n  <div style=\"text-align:left;vertical-align:middle;text-decoration: none;overflow: hidden; position: relative; margin-left: 1px; height: 333px;\" id=\"ivrss_holder1_1\">\n    <div class='cas_div' style='height:107px;padding:2px 0px 2px 0px;'> <a style='text-decoration:none' target='_blank' class='cas_div' href='http:\/\/www.gopiplus.com'><img border='0' src='http:\/\/www.gopiplus.com\/extensions\/my-plugin\/myimages\/336x100\/336x100_1.jpg'><\/a> <\/div>\n    <div class='cas_div' style='height:107px;padding:2px 0px 2px 0px;'> <a style='text-decoration:none' target='_blank' class='cas_div' href='http:\/\/www.gopiplus.com'><img border='0' src='http:\/\/www.gopiplus.com\/extensions\/my-plugin\/myimages\/336x100\/336x100_2.jpg'><\/a> <\/div>\n    <div class='cas_div' style='height:107px;padding:2px 0px 2px 0px;'> <a style='text-decoration:none' target='_blank' class='cas_div' href='http:\/\/www.gopiplus.com'><img border='0' src='http:\/\/www.gopiplus.com\/extensions\/my-plugin\/myimages\/336x100\/336x100_3.jpg'><\/a> <\/div>\n  <\/div>\n<\/div>\n<script type=\"text\/javascript\" language=\"javascript\">\nvar ivrss_array\t= new Array();\nvar ivrss_obj\t= '';\nvar ivrss_scrollPos \t= '';\nvar ivrss_numScrolls\t= '';\nvar ivrss_heightOfElm = '105';\nvar ivrss_numberOfElm = '3';\nvar ivrss_scrollOn \t= 'true';\nfunction ivrss_createscroll() \n{\n    ivrss_array[0] = '<div class=\\'cas_div\\' style=\\'height:107px;padding:2px 0px 2px 0px;\\'><a style=\\'text-decoration:none\\' target=\\'_blank\\' class=\\'cas_div\\' href=\\'http:\/\/www.gopiplus.com\\'><img border=\\'0\\' src=\\'http:\/\/www.gopiplus.com\/extensions\/my-plugin\/myimages\/336x100\/336x100_1.jpg\\'><\/a><\/div>';\n    ivrss_array[1] = '<div class=\\'cas_div\\' style=\\'height:107px;padding:2px 0px 2px 0px;\\'><a style=\\'text-decoration:none\\' target=\\'_blank\\' class=\\'cas_div\\' href=\\'http:\/\/www.gopiplus.com\\'><img border=\\'0\\' src=\\'http:\/\/www.gopiplus.com\/extensions\/my-plugin\/myimages\/336x100\/336x100_2.jpg\\'><\/a><\/div>';\n    ivrss_array[2] = '<div class=\\'cas_div\\' style=\\'height:107px;padding:2px 0px 2px 0px;\\'><a style=\\'text-decoration:none\\' target=\\'_blank\\' class=\\'cas_div\\' href=\\'http:\/\/www.gopiplus.com\\'><img border=\\'0\\' src=\\'http:\/\/www.gopiplus.com\/extensions\/my-plugin\/myimages\/336x100\/336x100_3.jpg\\'><\/a><\/div>';\n\tivrss_obj\t= document.getElementById('ivrss_holder1_1');\n    ivrss_obj.style.height = (ivrss_numberOfElm * ivrss_heightOfElm) + 'px'; \n    ivrss_content();\n}\n<\/script> \n<script type=\"text\/javascript\">\nivrss_createscroll();\n<\/script> \n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Method 1<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin image-vertical-reel-scroll-slideshow.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 \/wp-image-slideshow\/ folder.<\/li><li>Drop the image-vertical-reel-scroll-slideshow 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 image vertical reel scroll slideshow plugin listed.<\/li><li>To turn the WordPress plugin on, click activate.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Method 2<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to &#8216;Add New&#8217; menu under &#8216;Plugins&#8217; tab in your word-press admin.<\/li><li>Search <strong>Image vertical reel scroll 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<h2 class=\"wp-block-heading\">Method 3<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Download the plugin image-vertical-reel-scroll-slideshow.zip 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 WordPress admin.<\/li><li>Select upload plugin button.<\/li><li>Upload the available image-vertical-reel-scroll-slideshow.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\">Security<\/h2>\n\n\n\n<p>Only the website admin and the user who has the administrator privilege can see and change the gallery settings and can add, update, delete the plugin images in the website administration area. watch the video tutorial to add images to the gallery.<\/p>\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>Image vertical reel scroll slideshow<\/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\/image-vertical-reel-scroll-slideshow-1.png\" alt=\"Image vertical reel scroll slideshow WordPress plugin\"><\/figure>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/image-vertical-reel-scroll-slideshow-2.png\" alt=\"Image vertical reel scroll slideshow WordPress plugin\"><\/figure>\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>Widget<\/strong> page under the <strong>Appearance<\/strong> menu, Drag and drop <strong>Image vertical reel scroll slideshow<\/strong> widget into your sidebar. it&#8217;s very easy.<\/p>\n\n\n\n<p><strong>Add the gallery in the Posts or Pages:<\/strong> Copy and paste the given shortcode into pages or posts.<\/p>\n\n\n\n<p><strong>Add directly in the theme:<\/strong> Use this PHP code to add the gallery to your Theme files.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;ivrss-gallery type=\"GROUP1\" display=\"2\" height=\"170\" random=\"YES\" speed=\"2\" waitseconds=\"2\"]' ); ?><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin short code<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;ivrss-gallery type=\"GROUP1\" display=\"2\" height=\"170\" random=\"YES\" speed=\"2\" waitseconds=\"2\"]<\/code><\/pre>\n\n\n\n<p><strong>Shortcode definition<\/strong><\/p>\n\n\n\n<p>Type: Name of the image type.<br>Display: Number of images you want to display at the same time.<br>Height: Height of each image.<br>Random: Image display order.<br>Speed: Set how fast you want to scroll.<br>Wait seconds: How many seconds do you want the wait to scroll (Example: 5)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. Can I scroll the images in random order?<\/strong><\/p>\n\n\n\n<p>Yes, a random display option is available in the shortcode and widget gallery setting.<\/p>\n\n\n\n<p><strong>Q2. Can I arrange the news scroll order?<\/strong><\/p>\n\n\n\n<p>On the image management page, we have a separate field to arrange the image order.<\/p>\n\n\n\n<p><strong>Q3. Can I hide any images temporarily?<\/strong><\/p>\n\n\n\n<p>Yes, in the image management page update the &#8220;Display status&#8221; to &#8220;NO&#8221; for the particular image to stop the front end display.<\/p>\n\n\n\n<p><strong>Q4. How many images I can display<\/strong> at the <strong>same time?<\/strong><\/p>\n\n\n\n<p>We have the &#8220;Number of images you want to display at the same time&#8221; option available in the gallery setting and shortcode.<\/p>\n\n\n\n<p><strong>Q5. What is the &#8220;Enter target option&#8221; in the image management form?<\/strong><\/p>\n\n\n\n<p>The target option attribute specifies where to open the linked document.<br> _blank Open the linked document in a new window or tab.<br> _self Open the linked document in the same frame as it was clicked (this is the default).<br> _parent Open the linked document in the parent frameset.<br> _top Open the linked document in the full body of the window.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin video tutorial<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2011\/06\/25\/wordpress-plugin-vertical-scrolling-images-slideshow-video-tutorial\/\">http:\/\/www.gopiplus.com\/work\/2011\/06\/25\/wordpress-plugin-vertical-scrolling-images-slideshow-video-tutorial\/<\/a><\/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\/30\/wordpress-plugin-image-vertical-reel-scroll-slideshow\/\">http:\/\/www.gopiplus.com\/work\/2011\/05\/30\/wordpress-plugin-image-vertical-reel-scroll-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\/07\/02\/image-vertical-reel-scroll-slideshow-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/07\/02\/image-vertical-reel-scroll-slideshow-wordpress-plugin-download-link\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This plugin will create the vertical scroll slideshow on the website. This will create the slideshow like reel. The images will scroll one by one from bottom to top. Each slide can be optionally hyper linked.<\/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,20,185,6,117,172,28,29,5],"class_list":["post-1202","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-gallery","tag-image","tag-jquery","tag-plugin","tag-reel","tag-slider","tag-slideshow","tag-vertical","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/1202","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=1202"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/1202\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=1202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=1202"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=1202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}