slide1

Supported Solutions

Client success is our goal. Our Support Team delivers top-notch turnaround on support requests from any WebPal Server admin. Our enterprise clients enjoy end-user support services to achieve highest levels of adoption and workforce satisfaction.

Image Galleries


A useful component in a variety of situations, the WebPal image gallery node package contains two (2) core gallery nodes with multiple rendering options.

Screen Shots

SldieshowV5

SlideshowV5

Popop Gallery

Popup Dynamic (modal)

Popup Static



wpSlideshowV5

This is a carousel style slideshow with fixed width thumbnails and an optional auto-play feature.

Where to use this node

Attributes

NameUseValueHelp
namerequiredThis unique name is used to identify the slideshow in javascript and html code.
show-auto-playoneofno, yesIf set to "yes" images will fade in/out on a timer. In addition controls will appear at the bottom right of the gallery.
widthoptionalSet the width in pixels of all the full size images.
heightoptionalSet the height in pixels of all the full size images.
film-strip-heightoptionalThis option will determine the height of the thumbnail images in pixels.
display-timer-msdefault5000If auto-play is enabled this will determine the interval to fade in/out images. 5000ms = 5 seconds

Sub Nodes

NameTypeHelp
image-listwpImageListA container for all the slides.

Sample

wpImageList

This is a container for all the images (slides) used in Slideshow V5, eventually all gallery nodes will have this image-list node so images can be easily transferred.

Where to use this node

Sub Nodes

NameTypeHelp
slidewpSlideshowV2ImageThe node to add an image to the slideshow

Sample

wpSlideshowV2Image

This is the image (slide) which is contained in wpImageList used in the SlideshowV5.

Inherits from:

Where to use this node

Attributes

NameUseValueHelp
titleoptionalThe caption that will appear under the image.

Sample

wpPopupGallery

This gallery is a tabular thumbnail gallery, meaning it has a series of rows and columns with variable height pictures. On-click a pop-up window appears in 1 of 2 styles: Static - This is a small pane which has next and previous links at the bottom. The pane is draggable to any visible area on the screen. Dynamic - This is a modal window with sleek next and previous buttons which appear on hover.

Where to use this node

Attributes

NameUseValueHelp
titledefaultThis is an optional field. If this text exists it will appear centered above the table of images.
number-of-rowsoneof3, 1, 2, 4, 5Based on how many images you have you can set the number of rows and columns.
number-of-columnsoneof3, 1, 2, 4, 5Based on how many images you have you can set the number of rows and columns.
thumb-sizedefault100This sets the maximum width of the thumbnail images in pixels.
picture-sizedefault400This sets the maximum width of the full-size images in pixels.
popup-styleoneofstatic, dynamicStatic - This is a small pane which has next and previous links at the bottom. The pane is draggable to any visible area on the screen. Dynamic - This is a modal window with sleek next and previous buttons which appear on hover.
controls-layoutoneofbelow-image, above-image, bothDetermines where the links are displayed for moving next and previous (only for static gallery)

Sub Nodes

NameTypeHelp
picturewpPictureThe node to add an image to the gallery.

Sample

wpPicture

This is a child node of the Pop-up Gallery node, used to create pictures for your gallery.

Where to use this node

Sub Nodes

NameTypeHelp
titlewpStringLA title for the image which appears below the image in the pop-up.
imagewpImageThe actual image.

Sample

wpImage

The base definition of all images used by Webpal.

Where to use this node

Attributes

NameUseValueHelp
langoneofany, en, fr, de, esDetermines the language of this node
srchideThe location and name of the image (not displayed in client)
widthhideThe width of the image (not displayed in client)
heighthideThe height of the image (not displayed in client)