{"id":388,"date":"2010-10-13T16:53:57","date_gmt":"2010-10-13T16:53:57","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=388"},"modified":"2021-08-29T15:36:55","modified_gmt":"2021-08-29T15:36:55","slug":"pixelating-image-slideshow-gallery","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2010\/10\/13\/pixelating-image-slideshow-gallery\/","title":{"rendered":"Pixelating image slideshow gallery WordPress plugin"},"content":{"rendered":"\n<p><strong>Pixelating image slideshow<\/strong> gallery WordPress plugin is the normal <strong>hyperlinked<\/strong> image slideshow, but in IE the added images are pixelated into view.\u00a0And it&#8217;s a good cross-browser script (ordinary fade-in effect in Mozilla browser). No need for any coding language knowledge to customize this plugin. just drag and drop the widget into your sidebar and check the front end, you can able to see the pixelating image gallery with default images. to add your own images go to the plugin image management page and update your images.<\/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>Easy to install and customize.<\/li><li>Separate image management page to add images.<\/li><li>Pixelating effect in the gallery.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin <strong>live demo<\/strong> available in this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/08\/07\/new-simple-gallery\/\">New simple gallery<\/a> WordPress plugin.<\/p><\/blockquote>\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 ZIP file from the <a href=\"http:\/\/www.gopiplus.com\/work\/wordpress-plugin-download\/\">download<\/a> location.<\/li><li>Unpack the pixelating-image-slideshow-gallery.zip file.<\/li><li>Extract the \/pixelating-image-slideshow-gallery\/ folder.<\/li><li>Drop the pixelating-image-slideshow-gallery folder into your &#8216;wp-content\/plugins&#8217; folder.<\/li><li>In word press administration panels, click on plug-in from the menu.<\/li><li>You should see your new pixelating image slideshow gallery plugin listed.<\/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>pixelating image slideshow gallery<\/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 ZIP from the <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>Click <strong>Upload Plugin<\/strong> button.<\/li><li>Upload the available pixelating-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<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<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Plugin <strong>live demo<\/strong> available in this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/work\/2010\/08\/07\/new-simple-gallery\/\">New simple gallery<\/a> WordPress plugin.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n\t<h2>Live demo<\/h2>\n\t<script language=\"JavaScript1.1\">\n\t\tvar slidespeed=3000;\n\t\tvar slideimages=new Array(\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_2.jpg\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_4.jpg\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_2.jpg\",\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_3.jpg\")\n\t\tvar slidelinks=new Array(\"http:\/\/www.gopiplus.com\/work\/\",\"http:\/\/www.gopiplus.com\/work\/\",\"http:\/\/www.gopiplus.com\/work\/\",\"http:\/\/www.gopiplus.com\/work\/\",\"http:\/\/www.gopiplus.com\/work\/\",\"http:\/\/www.gopiplus.com\/work\/\",\"http:\/\/www.gopiplus.com\/work\/\")\n\t\tvar imageholder=new Array()\n\t\tvar ie55=window.createPopup\n\t\tfor (i=0;i<slideimages.length;i++)\n\t\t{\n\t\t\timageholder[i]=new Image()\n\t\t\timageholder[i].src=slideimages[i]\n\t\t}\n\t\t\n\t\tfunction gotoshow()\n\t\t{\n\t\t\twindow.location=slidelinks[whichlink]\n\t\t}\n\t<\/script>\n\t<a href=\"javascript:gotoshow()\">\n\t\t<img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/wp-content\/uploads\/pluginimages\/700x450\/700x450_1.jpg\" name=\"slide\" border=0 style=\"filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)\">\n\t<\/a>\n\t<script language=\"JavaScript1.1\">\n\t\tvar whichlink=0\n\t\tvar whichimage=0\n\t\tvar pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0\n\t\tfunction slideit()\n\t\t{\n\t\t\tif (!document.images) return\n\t\t\tif (ie55) document.images.slide.filters[0].apply()\n\t\t\tdocument.images.slide.src=imageholder[whichimage].src\n\t\t\tif (ie55) document.images.slide.filters[0].play()\n\t\t\twhichlink=whichimage\n\t\t\twhichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0\n\t\t\tsetTimeout(\"slideit()\",slidespeed+pixeldelay)\n\t\t}\n\t\tslideit();\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 <strong>Pixelating image 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\/pixelating-image-slideshow-gallery-1.png\" alt=\"Pixelating image slideshow WordPress plugin\"><\/figure>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/pixelating-image-slideshow-gallery-2.png\" alt=\"Pixelating image slideshow WordPress plugin\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configure<\/h2>\n\n\n\n<p><strong>Drag and drop the widget:<\/strong> Go to the <strong>Widgets<\/strong> menu and drag and drop the <strong>Pixelating image slideshow<\/strong> gallery widget to your sidebar location.<\/p>\n\n\n\n<p><strong>Add directly in the theme:<\/strong> Copy and paste the mentioned code to your desired template location (ie in PHP file). <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;pixelating-image-slideshow-gallery type=\"widget\"]' ); ?><\/code><\/pre>\n\n\n\n<p><strong>Plugin Short Code: <\/strong>We have a shortcode option in this plugin to use posts\/pages also from WordPress 5.8 onwards we can use the shortcode in the widget to display the Pixelating image slideshow gallery.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;pixelating-image-slideshow-gallery type=\"widget\"]<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. How to update the fade duration, and pause setting of the gallery?<\/strong><\/p>\n\n\n\n<p>Option available on the setting page. Go to the admin and navigate to <strong>Settings <\/strong>and <strong>Pixelating image slideshow<\/strong> menu to change the settings<\/p>\n\n\n\n<p><strong>Q2. Where to upload my image?<\/strong><\/p>\n\n\n\n<p>Go to the admin and navigate to <strong>Settings <\/strong>and <strong>Pixelating image slideshow<\/strong> menu, here we have a button to add images.<\/p>\n\n\n\n<p><strong>Q3. How the slide show manages the order?<\/strong><\/p>\n\n\n\n<p>Ordering option available in <strong>Image management<\/strong> page, if you want random order use <strong>Random<\/strong> setting in setting page.<\/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\/10\/13\/pixelating-image-slideshow-gallery\/\">http:\/\/www.gopiplus.com\/work\/2010\/10\/13\/pixelating-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\/08\/01\/pixelating-image-slideshow-gallery-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/08\/01\/pixelating-image-slideshow-gallery-wordpress-plugin-download-link\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pixelating image slideshow gallery WordPress plugin is the normal hyperlinked image slideshow, but in IE the added images are pixelated into view.\u00a0And it&#8217;s a good cross-browser script (ordinary fade-in effect in Mozilla browser). No need for any coding language knowledge to customize this plugin. just drag and drop the widget into your sidebar and check [&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,20,110,6,172,28,5],"class_list":["post-388","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-gallery","tag-image","tag-pixelating","tag-plugin","tag-slider","tag-slideshow","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/388","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=388"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/388\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=388"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}