Horje
A drop-in replacement for Lightbox 2 and similar plugins, shedding the bulk of Prototype and Scriptaculous. Improved for mobile devices. Wordpress Tutorial

Noted That:

  • To install correctly this wp-jquery-lightbox.zip .
  • Fisrt Download the wp-jquery-lightbox.zip to your computer
  • Extract/Open wp-jquery-lightbox.zip to Your Computer.
  • Then, Find readme.txt file inside wp-jquery-lightbox.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " wp-jquery-lightbox.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " wp-jquery-lightbox.zip "  Downloaded plugin from your computer, Where you downloaded wp-jquery-lightbox.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " WP jQuery Lightbox " folder is added on left sidemenu. Now, Click on " WP jQuery Lightbox " folder.

   Noted that: If you do not see " WP jQuery Lightbox " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  WP jQuery Lightbox Configurtions and Settings or How to work " WP jQuery Lightbox " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " WP jQuery Lightbox " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is WP jQuery Lightbox
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the wp-jquery-lightbox -folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Check out the jQuery Lightbox-panel in your admin interface for usage details and configuration.

How to Use:

  1. With WordPress built-in gallery : [gallery link="file"]
  2. All galleries in a post make a single slideshow. To create separate slideshows, use group :

    
    [gallery link="file" ids="1,2,3" group="mon"]
    [gallery link="file" ids="4,5,6" group="tue"]
    
  3. You can manually add a rel="lightbox" attribute to any link:

    
    
    image #1
    
    

    Note the use of title-attribute to set a caption

  4. To manually group sets of related images, follow step 3 but additionally include a group name in the rel attribute:

    
    
    image #1
    
    image #2
    
    image #3
    
    
  5. You can use the data-download attribute to set a custom download link:

    
    
     [...] 
    
    
  6. To disable lightboxing of an image link, just set any other rel-attribute: rel="nobox"

  7. Keyboard support: Arrows, P(revious)/N(ext) and X/C/ESC for close. Swipe left / right on touch devices.

  8. Infinite-Scroll and similar “endless pages”-plugins should call doLightbox(); whenever it loads new content. Check your plugin for a setting
    named “callbacks” – code that is called after each new page is loaded. Add this line;

    
    if(typeof doLightBox !== 'undefined' && typeof jQuery !== 'undefined'){ doLightBox(); }
    
  9. On the server side you can apply lightbox to any content by running jqlb_apply_lightbox($your_html_content, "any ID"); It returns a string with all image links lightboxed, grouped by "any id" .

Trouble shooting:

If you have problems with WP jQuery Lightbox, please make sure you try these steps before asking for help. If you ask for help and I find any of these steps would fix the problem, I will just link you back here to do the work yourself.

  1. Make sure your site is not throwing any javascript errors. Use your browsers javascript console to find out.

If you’re running a custom theme:

  1. Make sure you have wp_head(); just before the closing tag of your theme, or you will break many plugins, which generally use this hook to reference JavaScript files.

  2. For the same reason, always have wp_footer(); just before the closing tag of your theme.

  3. Many JavaScript optimizers, combiners, minifiers, etc. conflict with wp_localize_script , used to configure this plugin and many others.

  • If you have problems with jQuery Lightbox; first disable all JavaScript-optimizing plugins. (Optimize Scripts, W3 Total Cache, WP Minify etc)

  • If you develop JavaScript optimizers for WordPress, please play nice with the default API…

  • More info about this issue

Lastly:

  1. Disable all other plugins, one at a time. Try the lightbox between each.

  2. Revert to the default theme. Did it help? Fix your theme.

  3. Search the forums for similar symptoms.

Still have problems? Post a link and describe what issue you’re having, and tell us what of these steps you’ve already tried.


drop , replacement , lightbox , similar , plugins , shedding , bulk , prototype , scriptaculous , improved ,

Name

Read Article
https://develop.horje.com/learn/1434/reference