Gallery Management: The setup and configuration for NextCell Gallery Options
When first setting up NextCellent Gallery there are a number of options that you can configure that control the look and feel of your galleries.
Images and Thumbnails
Images: Here you can edit your images’ size, quality, enable caching of images when someone browses a gallery and also clear the cache folder in case you change certain image settings.
Resize images: Specifies the width and height that images will be resized to. These are maximum dimensions and aspect ratio is maintained. Images are resized for pixel size only, this does not optimize your images for fast loading. See Resize Images for Your Website.
Image quality: This is a percentage of maximum quality. Defaults to 85%, I recommend that you change this to 100%.
Backup Original Images: Check this box to keep a copy of your image in its original form when you first uploaded it. You can restore the image from the gallery under the bulk actions menu. This is particularity handy if you don’t like the watermark you set.
Automatically resize: Check the box to have images resized based on the pixel size and image quality settings above.
Thumbnails: Here you can set the dimensions and the quality of your thumbnails. Just be sure to go to Manage Galleries > Select a gallery > Actions and select “Create New Thumbnails” if you make changes here.
Width x height (in pixels): Specifies the maximum width and height for thumbnail images. The default is 100 x 75.
Set fixed dimensions: Ignores the aspect ratio of images and generates a thumbnail to the exact dimensions specified above. Disabled by default.
Thumbnail quality: This is a percentage of maximum quality. Defaults to 100%.
Cache single pictures: When using the singlepic tag, the image is resized for display on the page based on the values specified with the tag. If this is checked, those images will be cached for each singlepic setting, which will improve load times and CPU loads on subsequent page loads. Disabled by default.
Clear cache folder: Click this button to clear the cache.
Gallery: You can set a large array of options for your galleries here. Deactivate a gallery page’s link, set the number of images per page, set the number of image columns, integrate Slideshow settings, choose to show either a slideshow or a list of thumbnails, simply show the image browser, add hidden images, enable Ajax pagination and choose Sort options.
Inline Gallery: When enabled, clicking on a gallery (e.g. in an album) will cause the gallery to be displayed on the same page. When disabled, the page you have associated with the gallery will be displayed. Enabled by default.
Images per page & Columns: Specifies how many images are displayed on a gallery page. All images are displayed if 0 is specified. Defaults to 0.
Slideshow: Allows visitors to switch between viewing the thumbnails in the gallery and viewing the pictures as a slideshow. You can also specify the text that is displayed to switch between the two modes. Enabled by default.
Show first (thumbnails, slideshow): Specifies what to view first when a gallery is displayed. Defaults to Thumbnails.
ImageBrowser: If enabled, a larger version of the image will be displayed on the page when clicking on an image. If not enabled, what looks like a pop-up window is displayed in the middle of the page to display the image and the page behind it goes dark. To see how the Image Browser works see this post.
Hidden Images: If pagination is used the images can be viewed continually in the popup effect without having to go to page 2, 3, etc.
Ajax Pagination: Similar to add hidden images as noted above but only works with the Shutter effect.
Sort thumbnails: Specifies how thumbnails are sorted when displayed in a gallery. Defaults to Image ID.
Image ID – Sorts thumbnails by the ID of the image. This works well if you import them in the order you want them displayed.
File name – Sorts thumbnails by the name of the image file. This works well if your image files are named the way you want them sorted.
Alt/Title text – Sorts thumbnails by the alt/title text specified for each image. This defaults to the name of the image file or to the EXIF data if you specified that during import, but you can change this at a later date.
Sort direction -Specifies the direction for sorting (ascending or descending). Defaults to Ascending.
Effects: This is where you can set the way images will be displayed once their thumbnails in a Gallery are clicked.
Watermark: Here you can edit your settings for displaying watermarks such as whether you want to use an image or text to protect your images. Please see the full tutorial on Watermarking.
Slideshow: Set your slideshows’ appearance. Note: the auxiliary plugin named JW Image Rotator seems to be discontinued, use the slideshow as outlined below.
To use the jQuery Cycle Slideshow just do not check the box “Enable Flash Slideshow”. This slideshow doesn’t include image descriptions or navigation but is view-able on mobile devices.
- Default size (W X H)
Specifies the default size of the slideshow. This is the size at which slideshows are displayed. Defaults to 320 x 240.
- Shuffle mode
If enabled images are displayed in a semi-random order. Otherwise they are displayed in the order specified by the sorting options on the Gallery page. Disabled by default.
- Show next image on click
When enabled, causes the next image to be displayed when the current image is clicked. Enabled by default.
- Show navigation bar
When enabled, shows a bar about 1/5th of the way up from he bottom that displays the description in the middle and arrows on either side for navigating between pictures. When using the default slideshow size, I found the navigation bar to be too distracting. It might be more useful on larger slideshows. Disabled by default.
- Show loading icon
I didn’t see a difference whether this was enabled or disabled.
- Use watermark logo
Uses the settings on the Watermark options page to add a watermark to each image in the slideshow. I suspect it is only added to the scaled version being displayed, not the original version stored in the gallery. Disabled by default.
- Stretch image
Allows you to specify how images that have a different aspect ratio than the slideshow. For example, this is useful for determining how portrait images should be displayed. I found that no option had any effect whatsoever; portrait images were always stretched to fit the slideshow area. Defaults to true. From the JW Image Rotator page:
- true – stretch images proportionally to fit the slideshow area.
- false – stretch images to fit the slideshow area (I’m not sure how this differs from fit)
- fit – stretch images disproportional to fit the slideshow area.
- none – keep original dimensions.
- Duration time
Specifies how many seconds each image should be displayed before moving on to the next one. Defaults to 10 seconds.
- Transition / fade effect
Specifies how to transition from one image to another. Defaults to random.
- fade – fades one image out as the new image fades in.
- bgfade – fades to the background color and then fades to the new image.
- slowfade – like fade only slower.
- circles – displays rotating circles that grow larger to reveal the new image underneath.
- bubbles – displays rising bubbles that grow larger to reveal the new image underneath.
- blocks – displays blocks that move from one corner to the opposite corner to reveal the new image underneath.
- fluids – like bubbles only from the center, as if liquid has been spilled on the image.
- flash – quickly flashes to white and then fades the new image in.
- lines – displays vertical lines that move left and right to reveal the new image underneath.
- random – randomly selects a transition effect for each transition.
- Use slow zooming effect
This enables a very cool effect that zooms into the images a little bit and then moves across them. Disabled by default.
- Background color
Specifies the color of the background for slideshows and for image popups. Defaults to black (000000).
- Text/button color
Specifies the color for text and buttons. Defaults to white (FFFFFF).
- Rollover/active color
Specifies the color of text and buttons when rolling over them. Defaults to red (CC0000).
- Screen color
Not really sure here as by default there is no numeric value. It looks like it uses white, though.
- Background music (URL)
A URL to a music file to play while the slideshow is playing.
- Try XHTML validation (with CDATA)
I didn’t try this so I can’t comment on it. There is a comment next to this option saying that it could cause problems with some browsers.
Once you have NextCell Gallery installed and configured you will need to resize and optimize your images before uploading them to a gallery. That tutorial is next.