How to Use Lightbox With SlideShow Pro
Lightbox and SlideShow Pro are two types of software used to display a slideshow of linked images on a website, hence, eliminating the need to load a new page to view the pictures. Lightbox can additionally enable viewing larger versions of the images presented in the slideshow once you click on an image link. Integrating the two programs creates an automatic slideshow of images along with the option of displaying larger versions. The process requires embedding Lightbox and Slideshow plugins in the blogging platform WordPress.
Other People Are Reading
Things You'll Need
- WordPress blog Account
- Lightbox plugin
- Kimili’s Flash Embed plugin for WordPress
Instructions
-
Lightbox Installation
-
1
Log in to your WordPress blog using your username and password. Locate the “Plugins” section of the side bar and click on “Add New” link.
-
2
Type “Lightbox” inside the search box and click “Search Plugins.” Multiple Lightbox plugins will be displayed, such as Lightbox Gallery, Lightbox Plus or Lightbox 2, each providing a different interface and options. Read the plugin descriptions to select one that fits your needs.
-
-
3
Locate “Install Now” beside the Lightbox plugin you selected and click on it. Click “Activate” to activate it to your WordPress. Customize your Lightbox settings by clicking on “Lightbox” option from the “Tools” section of the sidebar.
SlideShow Pro Instalation
-
4
Go to the “Plugin” section of the sidebar and install Kimili’s Flash Embed plugin for WordPress.
-
5
Click on “Activate Plugin” to activate the SlideShow Pro plugin. Alternatively, click on the "Plugins Menu" and then click on "Activate Link" below the SlideShow Pro plugin.
-
6
Locate the “SlideShow Pro Settings” link on the left side bar menu to configure options. Click on the settings and then click on the “make config.xml" link on the right side panel.
Test the Plugins
-
7
Log in to your WordPress blog admin dashboard. If you were already logged in, click on the “Admin Dashboard.”
-
8
Click “Pages” to open a page. Click on “Add New” to add a new title to your page. Type the shortcode (slideshow_pro) in the page and click “Publish.”
-
9
Enter the shortcode anywhere within your website content through the editor. Click “SlideShow Pro Settings” on the left side bar menu at the admin side. Configure the height, color, font size or background colors.
-
10
Click the image’s thumbnail you want to insert on the page. A screenshot or overlay window will show. If supported by your WordPress theme, the SlideShow Pro and Lightbox plugin will detect the width of your blog post and scale it proportionally to size enabling the photo to be flush with the right and left sides of your blog posts. Repeat the process to publish more posts embedded with images.
-
1
