1. Onclick Popup

2. Horizontal motion gallery

3. Anything popup

4. Popup contact form

5. Tabs widget popular posts and latest posts

6. Vertically scroll rss feed

Random image with pretty photo zoom

The Random image gallery with pretty photo zoom WordPress plug-in which allows you to show random image anywhere in your posts, template files or using widgets. When you click the image it will create the pretty photo zoom effect. You can upload your images directly into the folder or you can set the existing image folder location; this plugin will automatically generate the perfect thumbnail image based on the mentioned width. This plugin is very useful to showcase images randomly to user.

Plugin demo available below click and see the pretty photo zoom effect. Refresh this page and see the another image on sidebar.

Live demo

Features of this plugin

  • Simple and easy installation.
  • This will create thumbnail image.
  • Display one image on random order.
  • Pretty photo zoom effect on mouse click.

Theme options

  • Dark rounded zoom.
  • Dark square zoom.
  • Light rounded zoom.
  • Facebook zoom.
  • Light square zoom.

Plugin configuration

Method 1

Drag and Drop the Widget : Go to widget page under Appearance tab, Drag and drop R I G W PP Z widget into your side bar. its very easy.

Method 2

Add directly in the theme : Use the below code to add the gallery to your theme files.

<?php if (function_exists (rigwppz_show)) rigwppz_show(); ?>

Method 3

Short code for posts and pages: Copy and paste the given short code into pages or posts.
Short code :

[random-image-pp-zoom dir="DIR1" width="200" theme="1"]

theme ="1" : dark_rounded
theme ="2" : dark_square
theme ="3" : default
theme ="4" : light_rounded
theme ="5" : facebook
theme ="6" : light_square

Installation instruction

Method 1

  1. Download the plugin random-image-gallery-with-pretty-photo-zoom.zip from download link.
  2. Unpack the random-image-gallery-with-pretty-photo-zoom.zip file
  3. Extract the /random-image-gallery-with-pretty-photo-zoom/ folder.
  4. Drop the random-image-gallery-with-fancy-zoom folder into your ‘wp-content/plugins’ folder.
  5. In word press administration panels, click on plug-in from the menu.
  6. You should see your new random image gallery with pretty photo zoom plug-in listed.
  7. To turn the word presses plug-in on, click activate.

Method 2

  1. Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  2. Search random image gallery with pretty photo zoom plugin using search option.
  3. Find the plugin and click ‘Install Now’ link.
  4. Finally click activate plug-in link to activate the plug-in.

Method 3

  1. Download the plugin random-image-gallery-with-pretty-photo-zoom.zip from download link.
  2. Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  3. Select upload link (top link menu).
  4. Upload the available random-image-gallery-with-pretty-photo-zoom.zip file and click install now.
  5. Finally click activate plug-in link to activate the plug-in.

Frequently asked questions

Q1. Plugin setting link?

Dashboard → Setting → R I G W PP Z

Click the above link to update the plugin settings.

Q2. Thumbnail not display?

To create thumbnail the “GD support” must be enabled to your PHP setting (its default enabled mode, if not please check your phpinfo file and contact your server).

Q3. Where to change the thumbnail width?

Go to ‘R I G W PP Z’ link under SETTINGS TAB to update the setting, the height of the image automatically re-sized based on your width.

Q4. Where to upload my images?

After activated the plugin in default it will fetch image from the below location.
wp-content/plugins/random-image-gallery-with-pretty-photo-zoom/random-gallery/

You have to change this folder location to your original location. (Best practice is don’t upload your original image into this folder instead you change this default path to original path)

Download location

http://www.gopiplus.com/work/wordpress-plugin-download/

Related plugins

47 comments

  1. Is there a way to center the widget in the sidebar? It has no margin or padding so it’s just jammed into the top left corner of its sidebar box and looks very bad.

  2. I want to display multiple images on a page, is it possible with this ? it doesnt seem to work adding , only showing one image per page. Is there a way to specify a directory etc from a php template file ? cheers

  3. I want to display multiple images on a page, is it possible with this ? it doesnt seem to work adding the code in, only showing one image per page. Is there a way to specify a directory etc from a php template file ? cheers

  4. Getting error when uploading for another widget called image-widget (for single images):
    Cannot modify header information – headers already sent by (output started at /home/xxxxx/public_html/wp-content/plugins/random-image-gallery-with-pretty-photo-zoom/random-image-gallery-with-pretty-photo-zoom.php:677) in /home/xxxx/public_html/wp-admin/async-upload.php on line 26

  5. Hi… anyone out there have any ideas? I know this is a .js conflict – I’m just not sure how to resolve it. I cannot disable the conflicting plugins because I need them – I just need to know how to stop the random-image-gallery from loading the duplicate call to jquery (I think). Any advice welcome! Thanks!!!
    Harmony

  6. I don’t understand how this plugin can fail so often when NO changes are made to settings!?! The images pop up in the parent window as an image along and has NO jquery animation button or socials buttons surrounding the picture. I fixed it once a couple weeks ago and now it’s back to showing like a regular image.

    People should REALLY avoid releasing any plugins or scripts until they verify there are no faults!

  7. i agree with David
    it just does not work i think there are some things missing on the server
    my advise to the creator make some kind of howto and add the requirements in this so we know waht to install on the server

  8. Is there a setting that limits the maximum size of the thumbnail?

    I’ve changed the width on the settings page to 999 but I can’t seem to get an image larger that about 500 pixles.

    What I’m trying to do is set the thumbnail to 640 but I don’t seem to be able to do so?

    Any suggestions?

    Thanks!

    • Anybody? Changing the setting page max width doesn’t seem to be working?

      Is there something in CSS or somewhere that prevents a larger image?

      Thanks!

      • I was having the same issue and edited the “crop-random-image.php” file within the plugin folder

        if($max_width > 500)

        {

        $max_width = 500;

  9. Please explain how and where to download my images so this feature can work for me. I’ve spent hours trying to figure this out.

    “After activated the plugin in default it will fetch image from the below location.
    wp-content/plugins/random-image-gallery-with-pretty-photo-zoom/random-gallery/

    You have to change this folder location to your original location. (Best practice is don’t upload your original image into this folder instead you change this default path to original path)”

    Again, don’t know were to retrieve my images. I don’t understand this. This plug looks great, but can’t use. Please help.

    • You can upload your images into the default location (using any FTP) or you can change this path(Where you have your images).

  10. Could you please either make an option, or have the plugin default to include all sub-directories? Each month the images in WordPress are stored in a different directory, but always under the same higher directory.

    If the widget could be filled with an image from a top level directory downward, all uploaded images-regardless of month-would be used for a random choice.

    Example:
    July: wp-content/uploads/2012/07/
    August: wp-content/uploads/2012/08/

    Each webmaster can make their own permalink structure, but they are all under a single, higher level directory. Ideally (in the above example) we wold like to point the plugin to:

    wp-content/uploads/

    As each month passes, there is no need to have 5 directories, then 6, then 7, etc. until it runs out. Right now, the plugin has 5 named directories.

    Thanks for a great idea! I can’t wait to see it take on all my uploads!

    tarot 🙂

  11. I just started evaluating your plugin a few days ago and definitely like how “clean and simple” it is. I wonder if you have seen any issues related to different web browsers? The plugin works fine on my site using Google Chrome. However when I use IE, and click on an image to view it full size, the image floats under a video clip that is on the same page. The website in question is TMYG.org

  12. I’m using your fantastic plugin and I have a question. Is there some way to disable the thumbnail from linking to a “larger” image? In other words, I just want to display the thumbnails without having them be links. Make sense?
    Thanks!

  13. Hi,
    after the plugin worked without moaning about a year now I’ve got an error message instead of random pictures – maybe because I made an WP upgrade to 3.4.2. Any idea?

    Warning: dir(wp-content/plugins/random-image-gallery-with-pretty-photo-zoom/random-gallery/brotminiaturen/) [function.dir]: failed to open dir: No such file or directory in /www/htdocs/w00c1909/WordPress/wp-content/plugins/random-image-gallery-with-pretty-photo-zoom/select-random-image.php on line 32

    Fatal error: Call to a member function read() on a non-object in /www/htdocs/w00c1909/WordPress/wp-content/plugins/random-image-gallery-with-pretty-photo-zoom/select-random-image.php on line 35

    Thanks, Stefan

  14. Hi.

    A have installed your great plugin, but when i press the image to enlarge, the picture shows up behind the header so i cant see the top half of the picture and cannot hit the X for closing the picture…

    How can i force the picture to stay in front of everything on the side

  15. Awesome plugin – does exactly what I need and more … except one thing. Can you point me in the right direction for changing the ‘background’ colour? I need to display ‘transparent’ gifs … my site background is white, but the plugin renders a black background to the image, which is ‘seeping’ through. I’ve tried hunting through the CSS, php files, etc. for #000 but I’ve run out of things to change and it’s still black!

    Any help / pointers very gratefully received!

    • The imagejpeg() function does not support transparency as jpegs don’t support transparency. I’ve updated the file crop-random-image.php with the following code (i’m using PNG’s.) In theory there should be a way to output to the incoming file type but I’m not really a programmer, just an enthusiast.

      $gCF_abspath = dirname(__FILE__);
      $gCF_abspath_1 = str_replace(‘wp-content/plugins/random-image-gallery-with-pretty-photo-zoom’, ”, $gCF_abspath);
      $gCF_abspath_1 = str_replace(‘wp-content\plugins\random-image-gallery-with-pretty-photo-zoom’, ”, $gCF_abspath_1);

      $rigwppz_dir = $_GET[“DIR”];

      $max_height = 1000;
      $image = $gCF_abspath_1 . $rigwppz_dir . $_GET[“IMGNAME”];
      $max_width = $_GET[“MAXWIDTH”];

      if($max_width > 500)
      {
      $max_width = 500;
      }
      if (strrchr($image, ‘/’)) {
      $filename = substr(strrchr($image, ‘/’), 1); // remove folder references
      } else {
      $filename = $image;
      }

      $size = getimagesize($image);
      $width = $size[0];
      $height = $size[1];

      // get the ratio needed
      $x_ratio = $max_width / $width;
      $y_ratio = $max_height / $height;

      // if image already meets criteria, load current values in
      // if not, use ratios to load new size info
      if (($width <= $max_width) && ($height <= $max_height) ) {
      $tn_width = $width;
      $tn_height = $height;
      } else if (($x_ratio * $height) < $max_height) {
      $tn_height = ceil($x_ratio * $height);
      $tn_width = $max_width;
      } else {
      $tn_width = ceil($y_ratio * $width);
      $tn_height = $max_height;
      }

      /* Caching additions by Trent Davies */
      // first check cache
      // cache must be world-readable
      $resized = 'cache/'.$tn_width.'x'.$tn_height.'-'.$filename;
      $imageModified = @filemtime($image);
      $thumbModified = @filemtime($resized);

      header("Content-type: image/jpeg");

      // if thumbnail is newer than image then output cached thumbnail and exit
      if($imageModified<$thumbModified) {
      header("Last-Modified: ".gmdate("D, d M Y H:i:s",$thumbModified)." GMT");
      readfile($resized);
      exit;
      }

      // read image
      $ext = substr(strrchr($image, '.'), 1); // get the file extension
      switch ($ext) {
      case 'jpg': // jpg
      $src = imagecreatefromjpeg($image) or notfound();
      break;
      case 'png': // png
      $src = imagecreatefrompng($image) or notfound();
      break;
      case 'gif': // gif
      $src = imagecreatefromgif($image) or notfound();
      break;
      case 'JPG': // jpg
      $src = imagecreatefromjpeg($image) or notfound();
      break;
      case 'PNG': // png
      $src = imagecreatefrompng($image) or notfound();
      break;
      case 'GIF': // gif
      $src = imagecreatefromgif($image) or notfound();
      break;

      default:
      notfound();
      }

      // set up canvas
      $dst = imagecreatetruecolor($tn_width,$tn_height);
      imagecolortransparent($dst,imagecolorallocatealpha($dst, 0, 0, 0, 127));
      imagealphablending($dst, false);
      imagesavealpha($dst, true);
      imageantialias ($dst, true);

      // copy resized image to new canvas
      imagecopyresampled ($dst, $src, 0, 0, 0, 0, $tn_width, $tn_height, $width, $height);

      /* Sharpening adddition by Mike Harding */
      // sharpen the image (only available in PHP5.1)
      /* if (function_exists("imageconvolution")) {
      $matrix = array( array( -1, -1, -1 ),
      array( -1, 32, -1 ),
      array( -1, -1, -1 ) );
      $divisor = 24;
      $offset = 0;

      imageconvolution($dst, $matrix, $divisor, $offset);
      }
      */
      // send the header and new image
      imagepng($dst, null, -1);
      imagepng($dst, $resized, -1); // write the thumbnail to cache as well…

      // clear out the resources
      imagedestroy($src);
      imagedestroy($dst);

  16. OK … second question if I may … is there a way to make the href point to a page rather than to the image location? Thought I’d cracked it, but instead of loading the page it tries to find an image with the path name … and fails, obviously! I’m guessing there’s something clever somewhere that I’m not looking for … just changing the basic ‘href’ path isn’t working.

  17. I’ve just installed your plug-in today, and after searching through all of the plug-ins that randomize images, I’m happy to say that yours is the most straightforward, and it actually works. Bravo.
    Now, I need to be able to better manipulate the images, and need to be able align them to L, Center or R.
    I’m expecting to have 4 different sets of random pictures, located in 4 different directories. Can you explain how, using short codes for inserting the image into a page, I can apply formatting to the picture to be aligned Lt,Ctr,Rt?
    Keep in mind that each of the directories may require different alignment.
    Thanks,

  18. Installed plugin and tested it. Strange: why does the widget show different parts of the pictures and why are they sometimes cropped??? I want the pictures to be shown as a thumbnail and when clicking on them a bigger one pops up. Now it is sometimes that only half of the picture is shown as a thumbnail and when clicking on it, a picture of only 300px wide is shown. I haven’t uploaded a picture of that width only one with a width of 600px, and that’s the one I want to be shown!
    Doesn’t seem to work very well… I think I’ll search for another, better random image widget.
    Has anyone got an answer to this strange behaviour?

  19. For some reason I can’t seem to get this widget to work, I have checked and the GD library is on, at first I was getting a lot of path errors, I have eliminated them but I can’t get it to load an image. I get “Image cannot be loaded. Make sure the path is correct and image exist” I have tried using the ‘document root’ path as well as just “photos/” and both give the same result.

    Any help would be appreciated
    Thanks
    Bill

  20. I have the plugin working quite well but I wonder can, I have the light box scrolling through all the images that I have placed in the random-gallery folder ?

    I have added prettyphoto media plugin as well and it has given me face book like button and twitter, so if I could add a title and have it scrolling through all the pictures in the folder it would be perfect.

    One last thing what are the “Image directory (DIR1)”: fields for? cant see what they do…

    Thank you

    • Thomas – did you resolve this? Thought I’d log an answer, at least that way anyone else posing the same question can see it.

      DIR1, DIR2, DIR3 etc. means you can have up to five ‘sets’ of images, in the different directory locations that you enter in these fields. You can then specify which directory to use where you specify the short code. So on the same (or different) page(s) you can have – for example – a randomly chosen ‘blue’ pic, a randomly chosen ‘green’ pic, a randomly chosen ‘pink’ pic, etc.

      However, if you then also wanted to insert a random pic that is blue OR green OR pink, you’d need to have all of the blue, green and pink pix in a fourth directory.

Comments are closed due to heavy spam. Please use contact form if any help is required.