Dond RSS Feed

RSS Feed

DonD’s WebPlus Demo site

DonD 2012© No Rights Reserved

Page last updated 25/01/2012 10:24:02

Produced with

Site Feedback

Search

Intro 3rd Party X5 WP/X2/X4 Topical Demo's Forum Contact Downloads sitemap

X5 Lightbox

One more main update that I think will be well used is the NEW Lightboxes


Show off your images by putting them in stylish lightboxes. These floating popups contain a larger version of an image, form or other item. This puts them up front on the screen, giving total focus without taking visitors away from your page. Lightboxes are fully editable too – change the background, border, caption text, buttons, interactivity and animation styles.


Lightbox is a very versatile option and not only to show off images but also web pages, smart objects i.e. Forum,Blog, CMS, Rss Feed, Word doc, PDF or any other file type.


To set up your Lightbox options, these can be found in Site Properties > Lightbox where you can set up.




  1. Border type
  2. Button colour
  3. Content colour
  4. Font
  5. Caption position
  6. Size
  7. Caption colour
  8. Font colour
  9. Background colour
  10. Background Opacity







One other option to set up can be found in the Site properties > Graphics . At the bottom of this window you will find a setting for “Hyperlinked Pictures”. If you use an image larger than the size you set here, Default is 800 x 600, when using the hyperlink to “Picture” the image will be kept to the size set in the Site properties.


When setting up your hyperlink to use Lightbox you have the option to hyperlink Text, Image or object.


As a demonstration the image above is hyperlinked to show a larger image and so is this text.


The hyperlinked image is hyperlinked to “Picture”, where you use the image that you have used as the thumbnail to be used in Lightbox. Where as the hyperlinked text is hyperlinked to “File” and you browse to the file on your hard drive. Another option is to hyperlink to an “internet page”, in this instance you would have uploaded the image you want to display in lightbox onto your web host, putting in the Full URL to your image.

It is best to set the size of the image to import into Webplus the size you require it to be when viewed in Lightbox.


Another option to view in lightbox is a smart object i.e. Forum, Blog, CMS. This hyperlink would be to “Smart object” and then after selecting the “none button”  on the right to open your Smart objects to choose from.



After you have selected the object you wish to show in lightbox from the top selection field of the hyperlink window you need to select “Lightbox” from the “Target window or Frame field”. Once that has been selected you will see the “Lightbox option” button below this.


Select the “Lightbox Option” will open this dialogue window where you can, if you require, give the slideshow a name and a caption to the object when displayed in Lightbox.


Slideshow Name


If you are going to have a number of hyperlinks to a group of  images, wether it be via the “picture” or “File” option on the same page, you can have these sets to open in Lightbox as a slideshow. When you open the “Lightbox Options” you need to put the same name, one word no spaces, for each of the images.


Using Lightbox to view Jalbum slideshow


Select this link HERE to view slideshow in Lightbox. When you try this option to view Jalbum slideshow you may have to experiment with the skins to find one that will make a good job of integrating into the Lightbox frame.

Video

Tutorials