Noor Alam

<a href="https://noorsplugin.com/responsive-lightbox2-plugin-for-wordpress/" rel="nofollow ugc">Responsive Lightbox2</a> plugin adds lightbox functionality to your WordPress site. It allows you to overlay images on top of the current page. You can add this lightbox popup effect to your website images, photos, album or even gallery. Responsive Lightbox2 is responsive and works on all modern browsers.
Responsive Lightbox2 is very user friendly so there is absolutely nothing for you to configure in the lightbox settings. All you need to do is install this plugin and add shortcode to a page to create beautiful lightbox popup.
Responsive Lightbox2 plugin is based on the original jQuery Lightbox script developed by Lokesh Dhakar. This plugin makes it possible for users to add Lightbox2 effect to their WordPress sites.
<h4>Requirements</h4>
<ul>
<li>Latest version of WordPress</li>
</ul>
<h4>Feature</h4>
<ul>
<li>Beautiful lightbox popup style</li>
<li>Flexibility of creating your own lightbox link</li>
<li>Pop up responsive images in lightbox</li>
<li>Trigger lightbox from either a text/image link</li>
<li>Compatible with WordPress multisite</li>
<li>Add lightbox to a text/image link</li>
<li>Enable lightbox functionality on your site which supports all major browsers</li>
<li>Use a simple shortcode anywhere on your site (Post, Page, Homepage etc.)to pop up an image in lightbox</li>
<li>Apply lightbox effect on images inserted into WordPress post/page</li>
<li>Add lightbox effect to an album or photo gallery</li>
<li>Add lightbox effect to a gallery of images</li>
<li>Responsive lightbox2 popup which works on mobile devices. Also it fits perfectly on smaller screens.</li>
</ul>
<h4>Responsive Lightbox2 Usage</h4>
Open lightbox from a text
Create a new post/page and use the following shortcode to create a text link which will trigger lightbox once clicked:
<pre><code>[lightbox2 url="http://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="click here to pop up image"]
</code></pre>
here, url is the link to the image file that you wish to open in lightbox and hyperlink is the anchor text.
Open lightbox from an image
<pre><code>[lightbox2 url="http://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="http://example.com/wp-content/uploads/images/thumb.jpg"]
</code></pre>
here, hyperlink is the anchor/thumbnail image.
Show Title in lightbox
<pre><code>[lightbox2 url="http://example.com/wp-content/uploads/images/overlay.jpg" title="overlay image" hyperlink="click here to pop up image"]
</code></pre>
For detailed documentation please visit the <a href="https://noorsplugin.com/responsive-lightbox2-plugin-for-wordpress/" rel="nofollow ugc">Responsive Lightbox</a> plugin page

Responsive Lightbox2

Add responsive lightbox effect to your images, pop up photos and photo gallery in lightbox

Weston Ruter

Ryan Hellyer

Glen Scott

Allows a user to associate a profile photo with their account through their “Your Profile” page. Admins may 
add a user profile photo by accessing the “Edit User” page. Uploaded images are resized to fit the dimensions specified 
on the options page; a thumbnail image correspondingly is also generated. 
User photos may be displayed within a post or a comment to 
help identify the author. New template tags introduced are:
<ul>
<li><code>userphoto_the_author_photo()</code></li>
<li><code>userphoto_the_author_thumbnail()</code></li>
<li><code>userphoto_comment_author_photo()</code></li>
<li><code>userphoto_comment_author_thumbnail()</code></li>
</ul>
Important: all of these “template tags” must appear inside of PHP script blocks (see examples below). 
The first two should be placed in the posts loop near <code>the_author()</code>, and the second two in the comments 
loop near <code>comment_author()</code> (or their respective equivalents). Furthermore, <code>userphoto_the_author_photo()</code> 
and <code>userphoto_the_author_thumbnail()</code> may be called anywhere (i.e. sidebar) if <code>$authordata</code> is set.
The output of these template tags may be modified by passing four parameters: <code>$before</code>, <code>$after</code>, <code>$attributes</code>, and <code>$default_src</code>, 
as in: <code>userphoto_the_author_photo($before, $after, $attributes, $default_src)</code>. 
If the user photo exists (or <code>$default_src</code> is supplied), then the text provided in the <code>$before</code> and <code>$after</code> parameters is respectively 
prefixed and suffixed to the generated <code>img</code> tag (a common pattern in WordPress). If attributes are provided in the <code>$attributes</code> 
parameter, then they are returned as attributes of the generated <code>img</code> element. For example: <code>userphoto_the_author_photo('', '', array(style => 'border:0'))</code> 
Just added in 0.8.1 release are these two new template tags:
<ul>
<li><code>userphoto($user, $before = '', $after = '', $attributes = array(), $default_src = '')</code></li>
<li><code>userphoto_thumbnail($user, $before = '', $after = '', $attributes = array(), $default_src = '')</code></li>
</ul>
By using these, it is uneccessary to set the global <code>$authordata</code> to display a photo. Just pass <code>$authordata</code>, <code>$curauth</code> or 
whatever variable you have which contains the user object, or (as of version 0.9), pass in a user ID or a user login name.
Here’s an example that shows a few ways of inserting a user’s photo into the post loop: 
 //this will display the user’s avatar if they don’t have a user photo,
<pre><code><?php while (have_posts()) : the_post(); ?>
 <div class="post" id="post-<?php the_ID(); ?>">
 <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
 <div class="meta">
 <?php the_time('F jS, Y') ?>
 by <?php the_author() ?>

 
 <?php userphoto_the_author_photo() ?>
 <?php userphoto_the_author_thumbnail() ?>

 
 <?php userphoto($authordata) ?>
 <?php userphoto_thumbnail($authordata) ?>

 
 <?php userphoto_the_author_photo(
 'Photo of me: ',
 '',
 array('class' => 'photo'),
 get_template_directory_uri() . '/nophoto.jpg'
 ) ?>
 </div>
 <?php the_content('Read the rest of this entry &raquo;'); ?>
 </div>
<?php endwhile; ?>
</code></pre>
If you want to display the user’s photo in the sidebar, just get the user ID or object and pass it into <code>userphoto()</code> or <code>userphoto_thumbnail()</code> like this:
<pre><code><?php userphoto($posts[0]->post_author); ?>
</code></pre>
If you want to display a user’s photo their author page, you may do this:
<pre><code><?php userphoto($wp_query->get_queried_object()) ?>
</code></pre>
In version 0.9 the boolean function <code>userphoto_exists($user)</code> has been introduced which returns true if the user has a photo and false if they do not. 
Argument <code>$user</code> may be user object, ID, or login name. This function can be used along with avatars:
<pre><code><?php
if(userphoto_exists($user))
 userphoto($user);
else
 echo get_avatar($user->ID, 96);
?>
</code></pre>
Or if the new “Serve Avatar as Fallback” option is turned on, then the avatar will be served by any of the regular calls to display the user photo:
<pre><code><?php
//this will display the user's avatar if they don't have a user photo,
// and if "Serve Avatar as Fallback" is turned on
userphoto($user);
?>
</code></pre>
Additionally, all of the regular function calls to display the user photo may be done away with alltogether if the new “Override Avatar with User Photo” 
option is enabled:
<pre><code><?php
//both will display the user photo if it exists
// and if "Override Avatar with User Photo" is turned on
echo get_avatar($user_id);
echo get_avatar($user->user_email);
?>
</code></pre>
Both options “Serve Avatar as Fallback” and “Override Avatar with User Photo” require that the ‘Avatar Display’ setting under Discussion be set to “Show”.
Uploaded images may be moderated by administrators via the “Edit User” page.
Localizations included for Spanish, German, Dutch, Polish, Russian, French, Hungarian, Brazilian Portuguese, Italian, and Catalan.
If you value this plugin, please donate to ensure that it may continue to be maintained and improved.

User Photo

Allows a user to associate a photo with their account and for this photo to be displayed in their posts and comments.

Responsive Lightbox2 vs User Photo