Description
Boxer lets you view your photos and folders in popup windows without the need for Flash!
Features:
- 26 CSS files, 11 HighSlide JS outline types and over 256 lightbox dimming colors
- Configurable slideshow
- Translate HTML pages into any language
- EXIF and IPTC support in either the caption or photo overlay
- Multiple photo boxes can be opened at once, and each can be dragged around the screen
- Control bar (previous/next/close/expand/drag icons) can be located in various locations
- Popup centering can be set to the center of the screen (center) or near the thumbnail (auto)
- Caption bar (comments and/or EXIF) can be positioned below the photo, to the left or right, or disabled
- Keyboard controls in the popup boxes (left/right arrows, ESC)
- Image Filter support for Watermark, Fixed Shape, Grayscale and Zoom
- Warns user if JavaScript is disabled
- 11 different New! icons to choose from for new files added in the specified timeframe
- Use a custom Album Title or the album title from Jalbum's folder properties
- Link to external homepage option
- Shows count of photos in folders
- Scalable to allow all options to be displayed, none, or anything in between
- Advertising support
- Google Analytics support
- W3C HTML 4.01 compliant
- W3C CSS 2.1 compliant
Note: The current version of Boxer requires Jalbum 8.7 or higher. If you're using an older version of Jalbum please use Boxer 4.0.10 which is supported on Jalbum 6.5 and higher.
Credit goes to the authors of PowerBase, HighSlide JS and Classic Aligned 2 as this skin uses code from these skins.
The HighSlide JS effect is licensed under a Creative Commons Attribution-NonCommercial 2.5 License. Licensing is free for non-commercial use, but a license must be purchased for commercial use at http://www.highside.com
Features
- Created
- Sep 16, 2007
- Last updated
- Jan 14, 2019
- Usage
-
Commercial use is allowed, but a jAlbum Pro license is needed.Modifications of the skin are allowed.
Releases
Want to discuss this skin?
Check out the skin forum here!Previous versions
4.3.8 Jul 26, 2014
Updated:
- Fixes the style "1 Pavement.css" to be compatible with jAlbum 12
- Made additional variable changes from $variable to ${variable} for compatibility
Note: Boxer is still compatible with jAlbum 8.7 and higher
4.3.7 Apr 13, 2014
- Fixes additional compatibility issues with jAlbum 12. Changed all references of $variable to ${variable} for compatibility.
4.3.6 Apr 6, 2014
- Fixes a bug with jAlbum 12 where the Highslide navigation buttons did not appear properly
4.3.5 Apr 6, 2014
- Fixes a bug with jAlbum 12 where the Navigation icons no longer appear
4.3.4 Jul 14, 2012
- Highslide JS upgraded to version 4.1.13. See highslide.com for details.
4.3.3 Sep 12, 2010
Updated:
- Highslide JS upgraded to version 4.1.9. See highslide.com for details.
- Reset some defaults that were changed in the previous version
4.3.2 Jun 28, 2010
Updated:
- Now uses a SkinModel.java file to enforce proper data types in Jalbum 8.9 and higher.
- Descriptions previously marked "top" and "bottom" are now "Above thumbnails" and "Below thumbnails" on the General tab.
4.3.1 May 9, 2010
New:
- There are now 2 description fields: one that is displayed at the top of the page, and the existing one at the bottom.
Updated:
- Link to External Home Page has moved from the General tab to the Navigation tab
- Sometimes custom album title was enabled when it shouldn't have been
- HTML tab has been cleaned up. Help that was previously displayed on the tab is now available when you mouseover the fields.
- Search and Webring from the Customize tab have been removed (I don't think anyone used them).
- The remainder of the Customize tab has been combined with the Advertising tab into a single Ads/Analytics tab.
4.3 Apr 18, 2010
New:
The Boxer settings tab has been updated so that when you enable/disable features, the corresponding options also get enabled/disabled. This should make it even easier to use the Boxer skin!
The links at the top of the Boxer tab (Check for updates, etc.) have been moved to Boxer > About tab, which has also been redesigned.
Note:
Watermarks (Filters tab) and External Links to websites (General tab) now both have a new "Enable..." option that needs to be enabled to use these features; please update your existing projects if you use either of these features.
Also, this version now requires Jalbum 8.6 or higher.
4.2.1 Apr 11, 2010
New:
- Widget Bar may now be displayed in black (default) or white (new). Option can be found on the Boxer > CSS page.
- 2 new CSS files: 1c Mamba and 2c Purple Paper. Graphics from the Mamba and Film skins.
4.2 Jan 3, 2010
New:
- 10 new "New!" icons to choose from, plus the old icon which is now called "green". The new default ("signal") is shown in the user interface.
- 4 new .css files - variations on #5's Bright White style. 5b-5e use a white background with various colors borrowed from other .css files as the colors for the title bar.
- Compatible with Online Jalbum (Camelot)
Updated:
- Crossfading between images is now turned off by default
4.1.1 Oct 31, 2009
New:
- IPTC Location field added. Tested with IrfanView by entering data into the Sublocation field; this is not the XMP Location that Photoshop CS3 uses.
Updated:
- Highslide.js upgraded to version 4.1.8
4.1 Oct 26, 2009
New:
- IPTC support! Fields: Author, Copyright, City, State/Province, Country. The EXIF tab has been renamed to EXIF/IPTC, and the tab has been redesigned. All field names can be translated into any language on the Translate tab.
- Lots of new options on the CSS tab, giving much more control over the text in the Highslide JS caption.
- Additional icons in the Boxer user interface to make it easier to understand.
- Other things that I've forgotten. :)
Updated:
- Highslide.js has been upgraded to version 4.1.7.
4.0.14 Jul 26, 2009
New:
- Control the CSS for links in the caption. Options include text size, color, bold, italic, underline and hover underline.
4.0.13 Jul 21, 2009
Updated:
- Caption bar now uses the caption text background color (as set on Boxer > CSS) as the default background color for the expander. Change affects captions when displayed to the left or right of the photo only; no change when the caption is displayed below the photo.
4.0.12 Jul 5, 2009
New:
- 4 new Highslide Outline colors - gold, green, maroon and pink!
Updated:
- The brown Highslide Outline file has been updated; it now is narrower and has rounded corners.
- EXIF focal length calculation is now done by Jalbum instead of the Boxer skin.
- Highslide.js script updated to version 4.1.5.
Included from 4.0.11 (previously only available in the Jalbum download package):
- Watermark filter now lets you set the text to any angle.
4.0.10 May 9, 2009
New:
- Added the 5a Pink.css stylesheet
Updated:
- Fixed a bug when breadcrumbs are enabled and album is generated from the command line (console mode). Thanks for the fix, Heinz-Peter!
- Fixed minor bugs in the 2a CSS file
4.0.9 Apr 19, 2009
Updated:
- Fixed focal length issue when 35mm equivalent option was not selected
4.0.7 Apr 17, 2009
Updated:
- Upgraded highslide.js to version 4.1.4. See www.highslide.com for changelog.
4.0.5 Apr 12, 2009
Updated:
- Fixed bugs when certain combinations of options were selected on the File and Folder tab.
4.0.3 Apr 6, 2009
New:
- Option to include IE interpolation fix (CSS)
Updated:
- Fixed W3C HTML validation errors
4.0.1 Mar 24, 2009
Updated:
- Uses highslide.js version 4.1.1, which fixes performance issues and other bugs
4.0 Mar 16, 2009
New:
- The Boxer tab in the Settings window has been redesigned to be even easier to use
- Navigation arrows can now be black, gold, gray, green or red (previously only gold was available)
- New control bar! Full expand icon is now in the control bar, and the control bar can be either white or black and can be placed in any corner or top/bottom center. (Previously only available in top right corner.)
- Control bar can be forced to a fixed location, so the previous/next arrows don't move around.
- Slideshow! Set the time interval in the Boxer tab, start and stop on the web page. The slideshow can also be started automatically on first thumbnail click.
- Caption bar can now be below, on the right or left.
- Image crossfading now available!
- Jalbum's Link to Originals via Scaled Image option is now supported.
- EXIF information can now be displayed in the overlay (3.x only option) or in the caption bar (looks great when the caption is on the right or left).
Updated:
- Highslide.js upgraded to version 4.1.
- No more CSS info in the HTML pages! All CSS is now in the .css files, which should make generated index.html pages much smaller (and easier to read).
3.3.7 Dec 22, 2008
New:
- EXIF support now includes automatic focal length calculation from Jalbum's cameras.properties file. (Thanks to Exhibit Plus skin for providing source code!)
Updated:
- EXIF tab simplified, and manual focal length data entry removed as it is no longer necessary.
3.3.6 Dec 8, 2008
Updated:
- Fixed the breadcrumb path to allow the folder name as the base path instead of album title
3.3.5 Dec 7, 2008
Updated:
- Title bar has been changed to allow more granular control of the album title and folder names. The new default value disables the album title and turns on the folder name in the root directory, so for existing albums you will need to turn the album title back on and disable "Including root folder" to maintain the old title bar look.
- Fixed a bug regarding nested folder titles
- The HTML title (shows in the browser's title bar) has been updated to reflect the same settings as the album title.
3.3.4 Nov 29, 2008
New:
- EXIF: When no EXIF is available, you can now display the file date and time instead of "No EXIF information"
- On the Boxer tab, there are now links to Check for updates, the Jalbum Skin Viewer and Boxer's support forum
Updated:
- When the Show EXIF option is deselected, EXIF information is no longer written to the index.html files (previously it was writing the data but not using it)
3.3.3 Nov 2, 2008
Updated:
- Bug fixes in the 4a and 8 .css files
- Changed some default settings
3.3.2 Nov 1, 2008
Updated the .css preview files to reduce the size of the download package by nearly 50%.
3.3.1 Sep 23, 2008
Bumped the doctype back to Transitional, since Strict no longer exists (yet somehow validates?).
3.3.0 Sep 22, 2008
New:
- 6 new CSS files - more gradient color choices!
Updated:
- HTML now validates to Strict instead of Transitional
- CSS files now validated to CSS 2.1 (new option to display CSS logo, too)
- Fixed a bug where the Highslide Expanded Image Border CSS was not displaying on all browsers
- New Expand icon
3.2 Aug 5, 2008
New:
- EXIF support! A new EXIF tab has been created in Settings > Boxer where you can select the fields to include. EXIF data shows up as an overlay at the bottom of the photo. Font size and colors can be selected on the CSS tab.
Updated:
- On the Highslide JS tab, you can now select the location of the "full expand icon". If EXIF is enabled, it is recommended that this be moved to the "top left" so that the EXIF data doesn't cover the expand icon.
3.1.1 Aug 1, 2008
Updated:
Some .css files were having problems displaying the "Loading..." text and animation. This has been fixed, and the colors of the text and background can now be selected from the Boxer > CSS tab.
3.1 Jul 31, 2008
New:
- More .css files, using gradient colors instead of solids. Check out css's: 1a, 1b, 2a, 3a and 4b!
Updated:
- New breadcrumb trail code from Classic Aligned 2. Addresses issues of mixing real and virtual folders, and also no longer links to the current folder since it is not necessary to link to the current page.
3.0.3 Jul 20, 2008
New:
- Navigation arrows are now available below the thumbnails, in addition to above. The "Page 1 of x" text is now inline with the arrows instead of below.
- Show comments below the thumbnails, with a custom separator value.
- "Smart" dialog boxes: you can now right-click the text boxes to copy, paste, undo, redo, etc.
Updated:
- Updated to highslide.js version 3.3.22. Now using the "packed" version, which is 20K smaller than the text version.
- "Breadcrumb" code has been moved to scripts\index-breadcrumbs.inc so it's easier to swap out different versions of the code (there are several available in the forum at this point in the General Development section).
- Cleaned up the res folder, and added a few new icons for Jalbum Skin Viewer use (smaller than what was removed).
3.0.2 Jun 29, 2008
New:
- 4a Blue Sky Cloudy.css. I hope you like it!
- Translate the alt/title text for the Highslide JS folder's Resize handle on the Translate tab
Updated:
- Updated highslide.js to version 3.3.21
- Redesigned the Translate tab into the vertical format used by most other tabs. It also has a few more graphics on it so you know what the items are.
- Fixed a minor W3C compliance issue that only happened under very specific circumstances
3.0.1 Jun 14, 2008
Updated:
- Relies on Jalbum to populate the $description variable instead of manually reading it from meta.properties (for Jalbum 8 compatibility) as $descript. Existing projects will need to have their description re-entered on the Boxer > General tab, or edit the .jap file and change "description=..." to "albumDescription=..."
- Fixed bug in "3 Black n Blue.css" which was not allowing proper vertical thumbnail alignment.
- When using Highslide JS with folders, it now forces the caption bar to a specific height so that all browsers display exactly the same.
3.0 Jun 9, 2008
New:
- Open folders in Highslide JS windows! Set default window size, minimum window size, optionally show the folder name as the window title. Note: This feature uses Highslide's html/iframe implementation.
- CSS tab! Now you can select the colors of the Highslide JS elements, such as the caption bar colors and font size. (More to come...)
- Supports the Jalbum 8 file title. If the title exists, it will replace the filename. In Jalbum 7 and earlier this feature automatically disables itself. (Jalbum 8 is not a requirement for this skin.)
- Can optionally disable linking the text and icons below folders to opening the folder.
Updated:
- With the new CSS tab some defaults have changed. Primarily there is no longer a thin white line surrounding the expanded photo. To put it back, go to the CSS tab and change both of the "0px" options to "2px" (without the quotes).
- SuperFast is now enabled by default.
- File and Folder tab has been redesigned.
- Highslide JS script updated to version 3.3.19.
- Loading animation now shows.
- Previews for each of the included .css files.
2.5 Apr 28, 2008
New:
- Option to hide the thumbnail when the photo has been expanded
- Option to disable caption bar sliding
- Thumbnail alignment can now be set separately for files and folders
Updated:
- New folder icons, including a large icon for when no photo has been selected as the folder icon
- File and Folder and Customize tabs have been redesigned
- Items from the old Misc tab have been moved to more relevant locations (File and Folder, Customize and HTML) and the Misc tab has been removed
- Highslide JS upgraded to 3.3.17
2.4 Apr 22, 2008
New:
- 2 new Bouncing effects: "Bounce Up and Back" and "Bounce Back and Up"
- All Bouncing effects now have optional "SuperFast transitions" to bounce 2X faster than normal
- Control the number of photos that the highslide.js script will cache when the page is loaded
Updated:
- Highslide JS script updated to version 3.3.14
- Bug fix for Search when using console mode
2.3.2 Apr 12, 2008
New:
- Display comments under thumbnails
- Control the separator between the filename and comments
- Control the vertical alignment of the thumbnails within the cell (new default is "top").
2.3.1 Mar 30, 2008
New:
- HTML tab now allows you to specify the width of table cells, so you can create fixed-width columns. Leave at the default of 2000 for variable-width columns.
2.3 Mar 23, 2008
New:
- External File Download option on the File and Folder tab allows download of files not created by JAlbum, such as a .zip file that contains the contents of a folder, related documents, etc. You specify the name of the folder that you create in the Output folder, put the files there and Boxer will create the link (the files must exist before clicking Make Album). The Publish feature will upload the files for you, and the "clean output directory on All" option should not delete these files, but always keep a backup. (Don't use the slides or thumbs folder for these files.)
Updated:
- Tighter title bar height when not using Search
2.2.3 Mar 10, 2008
New:
- Watermark filter now supports horizontal and vertical offsets for better positioning of the watermark text
- Alt/Title text can now display the comment instead of the label (optionally, of course)
Updated:
- Simplified User Interface on the Boxer tab
2.2.2 Mar 1, 2008
New:
- Option to disable the full expand icon
- Disable right-click on expanded image
Updated:
- Upgraded highslide.js to version 3.3.12 (bug fixes and new options)
2.2.1 Feb 17, 2008
Updated:
- All .css files have been updated with a bug fix when using Search code in the title bar
- Boxer's .css files are now interchangeable with the .css files from the PowerBase skin
2.2 Feb 3, 2008
New:
- Thumbnail effects: Bounce Up and Bounce Back (you have to see to believe!)
- Fade photos in and out
- Lightbox Dimming Duration is now configurable
- Can optionally show "Powered by Highslide JS"
- Highslide JS options have moved from the Navigation tab to their own tab
Updated:
- Upgraded highslide.js to version 3.3.8
- Leaderboard ads fixed
- Options on Navigation tab reworded for clarity
2.1.5 Jan 21, 2008
Updated:
- When displaying no text beneath thumbnails, IE was displaying a blank line. Now, if you uncheck all boxes on the "File and Folder" tab (except the Highslide-specific option) the blank line is gone and there is an equal border on all sides.
Fixed:
- When using skyscraper ads with a fixed-width thumbnail table, centering was off to the left.
2.1.4 Jan 13, 2008
Fixed:
- Skyscraper ads were not displaying as intended
Updated:
- Additional performance enhancements
2.1.3 Jan 2, 2008
New:
- Additional outline type: rounded-black
Updated:
- CSS for highslide.js is handled differently in this version, so the full path to the published URL is no longer required
- Increased efficiency
- Smaller download
2.1.2 Dec 17, 2007
Fixed:
Translated text on the "Expand" icon wasn't translating (defaulted back to English).
2.1.1 Dec 15, 2007
Fixed:
Version 2.1 was not displaying the "expand to actual size" icon properly.
2.1 Dec 12, 2007
New:
- Lightbox style dimmer will dim the background to any color and strength (opacity) you select. Note: When using the lightbox dimmer only one photo can be opened at a time; disable it to allow multiple photos to be viewed simultaneously.
Updated:
- Now using HighSlide JS 3.3.3
- Rearranged the Boxer > Navigation tab to allow for new features
- Removed some unnecessary code
2.0.2 Dec 1, 2007
New:
- Translate tab now allows translation of the HighSlide control bar icons
Updated:
- Leaderboard and Referrals now auto-center themselves
- "Page 1 of x" text can now be a much longer string before wrapping to the next line
- Images now have both ALT and TITLE attributes
- Minor reformatting to allow tighter clearances around thumbnails when no text is displayed
- Removed border around W3C HTML compliant logo
- Added code to ensure ${label} doesn't get "stuck" when switching from Chameleon to Boxer
- Moved outlines.psd out of the res folder to the root of Boxer so it is not uploaded with every album (about 500K)
2.0.1 Nov 19, 2007
New:
- 2 new Outline types in Boxer -> Navigation: beveled and brown. Beveled is now the default, and brown looks great with style 8 Arizona.css.
- Optionally expand the HighSlide JS boxes on mouseover instead of clicking. When you move the mouse outside the HighSlide JS box it automatically collapses.
- Published Album URL field is available to help the HighSlide JS effect find the custom cursors in IE7. Fill in the URL to where you publish the album (like: http://alan927.myjalbum.net/boxer) and it will find the files, preventing some occasional 404 errors.
Updated:
- CSS styles 2 Purple Pavement.css and 4 Blue Sky.css have been completely rebuilt. They look similar to the old versions, but have bug fixes and a few minor color changes.
- All CSS files have been modified with various bug fixes and updates, mostly to correct centering issues experienced under specific conditions.
Removed:
- Cell Padding slider removed from the HTML tab since the new CSS updates now control all padding functionality.
2.0 Nov 13, 2007
2 new subtabs under Settings -> Boxer: Translate and HTML.
- The Translate tab allows you to translate the basic text on the index pages into any language.
- The HTML tab allows you to control the spacing of the icons on the index pages to be either close together or far apart.
Other new features:
- New CSS file: 8 Arizona.css
- highslide.js upgraded from 3.2.6 to 3.2.10
- New previous, next and up .gif files
- Ability to show/hide the "Page 1 of x" text independantly from the arrows
- New null outline type for HighSlide JS Navigation
- Filters tab has been updated to use slider bars instead of text boxes for Zoom % and Strength % to eliminate out of bounds errors/crashes
- ALT text on index thumbnails can now be hidden
1.2.3 Oct 30, 2007
New: Added checkboxes that allow you to turn off the "breadcrumbs" in the top left corner and the album title bar, so that you can turn off options to the point where only thumbnails are shown on index pages - no text at all.
1.2.2 Oct 20, 2007
New: Folder comments can now be displayed in the title/search bar when the folder name is displayed.
Also added additional tooltips and did some minor reformatting of the Boxer tab for a better visual look when going from tab to tab.
1.2.1 Oct 13, 2007
Fixed: If users checked the "Make slides" box in Settings -> Navigation (not on the Boxer tab) an error "Unable to find slide.htt" would prevent the album from building. Boxer now automatically unchecks the box if it's checked since this skin does not have or need a slide.htt file.
See history for new features in 1.2.
1.2 Oct 11, 2007
New - Additional HighSlide JS options on the Boxer -> Navigation tab:
- Ability to hide the caption bar below the photo
- 3 types of outlines available
- Centering can now be "center" (all photos open in the center of the screen) or "auto" (photos open near the thumbnail)
1.1.2 Oct 9, 2007
New: Now reads keywords for each folder from meta.properties and appends to the keywords entered on the Boxer tab.
Changed: Default CSS is now "5 Bright White.css", the "Crop to Fixed Shape" option is now enabled by default, miscellaneous updates to CSS files 4-7.
1.1.1 Oct 7, 2007
New: Watermark filter now supports all fonts on the local computer and can apply bold and/or italic styles to them.
Updated: Boxer's General tab was getting cluttered, so the Navigation and File and Folder boxes have been moved to their own tabs.
1.1 Sep 23, 2007
New: Image Filter support for Fixed Shapes, Grayscale, Zoom and Watermark.
1.0.2 Sep 19, 2007
New: On index pages you can now choose to display/hide folder and file names independently, so that folder names can be shown and file names hidden.
1.0.1 Sep 18, 2007
New: Checkbox to control whether or not to show filenames in the HighSlide boxes. (Thanks for the request, waltbros!)