Classic Aligned 2 2.8.6

Likes
78 Like Like
Author
Heinz-Peter Bader Heinz-Peter Bader
Downloads
106757
Created
Aug 14, 2006

You can also install the skin by unzipping this file into the skin folder.

Description

XHTML 1.0 Strict, CSS level 2.1

No inline frames, no Flash, no JavaScript required.

The basic look is "classic", clean and simple, though it is highly customizable. Thumbnails are aligned at their base for a clean look when images of various height or captions spanning multiple lines are present.

Subdirectories are displayed as ringbook style mini-albums - choose from 10 different designs.

New user-defined color styles can be easily created and saved from the skin's settings interface.

Some features:
- Cross Folder Navigation: "Next image" can cross folder boundaries now! The last image in one folder will link to the first image of the next neighbouring folder and vice versa.
- Image filter support (shadows, watermark, greyscale, logo, shadow text, random thumbnail rotation)
- Direct high-resolution image download via a 'download' button
(no need to 'right click - save as...' on the image).
- Slideshow
- Mouseover information on thumbnails
- Keyboard navigation
- Custom logo image on index pages
- Extensive metadata (EXIF/IPTC) display options
- Multi-language support in generated Albums (en, de, es, fr, it, sv).

Optional settings which do require JavaScript:
- Slideshow transitions
- Keyboard navigation control
- Original images open in new browser window
Browsers without JavaScript enabled simply ignore these settings.

W3C compliance: The generated code is valid XHTML 1.0 Strict, CSS level 2.1

Author: Heinz-Peter Bader

Classic Aligned 2 is free for non-commercial use.
For a professional license see:
http://www.hpb.at/jalbum/ca2/commercial/en/slides/Buy.html

Features
Multi-language albumsFreewarejAlbum widget supportPlays audio filesDisplays Exif/Iptc dataPlays video filesSupports foldersHas slideshow
Min. jAlbum version
10
Usage
Commercial use is allowed only if you pay a 3rd party license.
Modifications of the skin are allowed.

Releases

2.8.6 May 26, 2012 (current)

+ Added slideshow transition effects using jQuery (JavaScript required)
+ Added slideshow button on index pages
+ Added option to display image numbers under thumbnails
+ Added option to display accumulated file count under folders on index pages
+ Added option to position Facebook "Like" button selectively on top or bottom of pages. Use settings fbIndexPos or fbSlidePos in ca2.ini
+ Independent square thumbnails / square folder thumbnails
- Bugfix: Numbered links / mini thumbnail links were incorrect with cross folder navigation
- Requires jAlbum 10, as the skin continues to make heavy use of new jAlbum features. Got rid of several hundred lines of old "compatibility" code.

2.8.5 Oct 10, 2011

+ Added option to display image title above and below slide image
+ Fixed compatibility issue with Jalbum 10
+ Fixed Internet Explorer PNG format issue with Non-JPEG icons

2.8.3 Aug 31, 2011

+ Compatibility with jAlbum 9.6 (folder icons in PNG format)
+ Cross Folder Navigation: "Next image" can cross folder boundaries now! The last image in one folder will link to the first image of the next neighbouring folder and vice versa.
+ 'Root index' button can be disabled
+ Permanent vertical scrollbar can be displayed
- Minor bugfixes

2.8.2 Apr 10, 2011

+ Added option for Facebook "Like" button
+ Added option for numbered navigation links on slide pages
+ Added option for thumbnail navigation links on slide pages
+ Added option to pass through original images and use them rather than compressed JPEGs on index and slide pages. This allows for e.g. lossless screenshots or transparent or animated GIF images.
+ Added option to set slide title = index title
+ Added selectable default folder icons
+ Added a one-button-click setting to replicate the look of "Minimal" skin (Classic Aligned 2 > Custom style > "Minimal")
+ Added slide title color selector to custom CSS settings
+ Added EXIF Tags to *** IPTC/ EXIF *** dropdown menus

2.8.1 Jan 6, 2011

+ Added option to apply dedicated index page margin settings to album root page
+ Compliance with Jalbum's new "Link to hi-res" feature
- bug fixes

2.8.0 Aug 23, 2010

+ Added enable/disable "on image navigation"
+ Added optional borders to folder thumbnails
+ Added option to put Google Analytics code into <HEAD> section
- Minor bugfixes

2.7.9 Jul 5, 2010

+ Skin loading time speed up (50% if running at least Jalbum version 8.5)
+ Import IPTC values into HTML meta tags
+ Added option to display W3C valid XHTML/CSS icons
+ Option to display file name under images ONLY if would be empty
+ Added font-family custom CSS setting
+ To disable "Navigation on slide image" set onImageNavigation = false in ca2.ini
+ Added ca2.ini explanatory comments
- Bugfix: Non-JPEG icons and push-button effect crashed skin
- Bugfix: Minor user interface bugs (Language, enable/disable state of elements)

2.7.8 Jan 3, 2010

+ Image specific link can now also link from slide images
+ Added dedicated thumbnail icon for Quicktime (*.mov) files
+ Minor adaptions and bug fixes

2.7.7 Aug 26, 2009

Service release
+ More detailed folder captioning options on index pages
+ IPTC Caption and EXIF User Comment recognize XHTML code
+ Minimum ringbook folder height adjustable via GUI
+ User interface adjustments

2.7.6 Jul 5, 2009

+ Added text filter / watermark angle option (supported since Jalbum 8.2.9)
+ Added option to link any thumbnail or folder to a user-specified URL. Go to the image's/folder's "Edit" context menu und select the "Link" tab.
+ Added option to mark a thumbnail/folder as NEW if added recently within a specified number of days
+ Changes in navigation menu:
Added "Up" button to slide navigation menu, which links to previous index page. An "Index" button on all pages links to album root index now. The former navigation behavior, which was inconsistent on index and slide pages ("Index" button on slide pages only, "Up" button on index pages only) can be restored by setting "indexToRoot = false" in ca2.ini
+ Added advanced options to include code from *.inc files
slideHeadInclude.inc - Put code inside slide pages <HEAD> section
slideBodyTopInclude.inc - Put code right after slide pages <BODY> tag
slideBodyBottomInclude.inc - Put code right before slide pages </BODY> tag
thumbHeadInclude.inc - Put code inside thumb pages <HEAD> section
thumbBodyTopInclude.inc - Put code right after thumb pages <BODY> tag
thumbBodyBottomInclude.inc - Put code right before slide pages </BODY> tag
+ New slidepage layout option: Don't display navigation controls, but do display image numbers.
+ Added support for IPTC Sub-Location and IPTC Content Location Name.
+ Added option to switch off ringbook folder design.
- Bugfix in breadcrumbs code. Album creation crashed in console mode.

2.7.5 Mar 31, 2009

+ Added 35mm equivalent for EXIF focal length
+ Checks for required minimum Jalbum version, displays a warning message and cancels album creation.
+ Displays a default "Empty folder" page inside empty album directories
+ Completely URL encodes unsafe characters
+ Adjusted on-image-navigation, made next/previous hotspot areas wider
+ Added option to override testing for XHTML compliance and unsafe characters handling. This allows any custom code in titles or captions. In ca2.ini set codeOverride = true; Handle with care and only if you know what you are doing!
+ Requires Jalbum 8.0.4 or higher

2.7.4 Feb 12, 2009

- Bugfix: Skin warns if a custom *.css style file, saved with a previous skin version, needs to be updated

2.7.3 Feb 5, 2009

2.7.3 - February 5, 2009
+ Choose from 10 different subfolder (ringbook) designs
+ Added option to include third party code, like counters or Google Analytics with simple copy and paste
+ Added support for header.inc and footer.inc files
+ Added option to obfuscate ("encode") email addresses as anti-spam measure
+ Added more custom CSS options (slide pages title and caption align)
- Minor bugfixes

2.7.2 Jan 17, 2009

+ Added favicon support
+ Added option to use IPTC values as image title on slide pages
+ Any custom selectable IPTC value can be displayed under images and thumbnails
+ Added option not to display mouseover help on navigation buttons or images
+ Added http:// link support in titles and captions. Text starting with "http://" will generate a clickable link. Descriptive text for the link can be entered immediately after the link within brackets. Example: http://jalbum.net[Click here to enter Jalbum main page]
+ Added option to add a logo on bottom of index pages (on top only in previous versions)
+ Added icon for filetype "URL".
- Bugfix: Integer numbers in some text fields caused a skin crash
- Minor bugfixes and adaptions

2.7.1 Oct 8, 2008

+ Added option to set custom HTML meta tags (e.g. keywords, robots)
+ Keyboard navigation compatibility with new (Jalbum 8.1) Widget feature
+ Code optimization: Generates more compact HTML output
+ Code optimization: 20 percent faster album generation if JPEGs have been generated already ("Make Album - Changes")

- Bugfix: Index page title/subtitle display
- Bugfix: Last row centered on multi-index pages
- Bugfix: Skin crashed when Custom title was a number
- Bugfix: Open original file in new window
- Bugfix: Corresponding DIN value for ASA values < 100 (ISO 100/21)

2.7 Aug 27, 2008

+ Added print.css stylesheet for optimized print results.
+ Added selectable CSS font sizes for "Custom" style.
+ Center the last row of thumbnails on an index page, if the thumbnails would not fill all columns (optional).
+ Option to let a non-JPEG file on index pages open a slide page rather than the original file directly.
+ Skin handles "unsafe" characters, like ampersands (&amp;) or other non-ASCII characters and encodes them to their respective HTML entities (e.g. &amp;#60;).
Auto-detects if an ampersand is part of an already user-escaped character. This has been implemented primarly to ensure XHTML 1.0 Strict compliance if unsafe characters are present in file names or titles / comments / captions.
+ XHTML inline tags (e.g. <br /> for a line break or &lt;b&gt;bold text&lt;/b&gt;) are valid. See file "syntax.ini" in "includes" directory
+ Added PayPal "Donate" option :-)

- Bugfix (cosmetic only): Breadcrumb path centered over slide images when IPTC / EXIF is displayed.
- Bugfix: PHP download of files containing spaces in file names.

2.6.5 Jul 28, 2008

+ Added ability to save and load skin settings independently from project files.
This allows for easy switching between favourite settings, e.g. "Square thumbs", "Shadows", "EXIF display" etc.
See Settings > Classic Aligned 2 > Custom Style

- Bugfix: User settings are loaded properly again with project files. (Bug since 2.6.1)

2.6.4 Jul 23, 2008

+ Highlight thumbnails on mouseover (optional setting) - similar to a "Click button" effect.
Pure CSS, no JavaScript needed.
Unfortunately, the effect will not be visible in MS Internet Explorer up to version 6 (incl.), as IE does not fully comply with W3C standards and simply ignores the code. Note: This is NOT a "Optimized for xyz browser" setting, it is valid XHTML 1.0 Strict and CSS level 2.1 code, which should be recognized by all modern browsers. If not, it displays plain and simple as if the option was not checked.

+ Image border width for thumbnails and slides can be set by user.

+ Rating available not only for images, but also for folders.

- Bugfix: Folder thumbnails for linked images working again. (Bug since 2.6.2)

- Bugfix: Logo in upper right corner on index pages working again. (Bug since 2.6)

2.6.3 Jul 3, 2008

- Bugfix: Image/Thumbnail shadows and rotation filter working again. The skin crashed with these filters activated since version 2.6.2 due to the new implementation of custom color style handling.

2.6.2 Jun 29, 2008

+ Improved support for square thumbnails - select between crunched and cropped mode.
+ Improved custom style handling - easily create and save custom styles.

2.6.1 Jun 14, 2008

- Bugfix: Different thumbnail icons for video and audio files do not display on index pages only, but also on slide pages.
- Bugfix: Skin crashed with Jalbum version greater than 8.0.4

+ Added "Custom" style, users can set their own custom color style.

Options added on user requests:
+ Added option to force display of square thumbnails.
+ Original files, when clicked from slide pages, can open in new browser window (requires Javascript for XHTML 1.0 Strict conformity).
+ IPTC keywords available under images on index and slide pages.

2.6 Jun 5, 2008

+ Added support for image rating as introduced with Jalbum 8.
+ Added option to use different thumbnail icons for video and audio files instead of Jalbum's default "movie.gif" icons for both file types.
+ New look for non-JPEG files: Installed several new icons for filetypes like audio, movie, text etc.

2.5.11 May 27, 2008

+ Added support for new folder AND image "title" fields. Retains compatibility with projects created with Jalbum versions prior to Jalbum 8.

2.5.10 May 23, 2008

- Bugfix: Removed option to use a separate 'download' directory, which caused trouble when working with non-JPEG files (e.g. movie files - they were not accessible by clicking on the link).
+ Added option to display file size under thumbnail file names of non-JPEG files, as they are linked directly to the maybe large file instead of a slide page.

2.5.9 Jul 3, 2007

+ Added breadcrumb directory navigation option (multilevel directory links)
+ Improved support for folder thumbnails: Works with "virtual" (linked) Files, even if the file is excluded from album generation
+ If original files are copied for download, they will be placed in a separate 'download' directory in the corresponding output directory.
This allows download of files with same names from different album directories.
+ Added option to force a file to be not available for download, even though "Link to originals via scaled images" is checked:
Enter #-DL# (including the '#') anywhere in a picture's 'Comment' field.
- Bugfix: Resolved issue with download of files containing accented characters

2.5.8 Jun 11, 2007

+ Added browser title bar customization option for slide pages
- Bugfix: Some IPTC data on slide pages were not displayed
- Bugfix: Resolved issue after reported error on a Mac

2.5.7 Jun 7, 2007

+ Improved image filter support
+ Added image filters: Logo, shadow text
+ Added selective image download option: Enter #DL# (including the '#') anywhere in a picture's 'Comment' field. The image will be copied to the album's root directory for download via a 'Download' button.

2.5.6 May 14, 2007

+ User interface re-design (opens in smaller window now)
- Bugfix: 'Up' arrow on root page could sometimes not be disabled

2.5.5 May 6, 2007

- Bugfix: Shadows on folder thumbnails working again

2.5.4 May 6, 2007

- Fixed some issues displaying icons of non-JPEG files (audio, video)

2.5.3 May 3, 2007

- Bugfix: Skin produced an error when working with non-JPEG files (audio, video)

2.5.2 May 2, 2007

+ Added mouseover information on thumbnails
+ Added more detailed page title options
- Bugfixes: Metadata on index pages, navigation controls display issue on page bottom

2.5.1 Apr 22, 2007

- Removed focus outline on slide images (visible when tabbing through the page or
clicking on image for navigation), which looked disturbing on images with shadows

2.5 Apr 22, 2007

+ Various Meta data (IPTC/EXIF) can be displayed next to slide images
+ Direct image download possible: 'Download' button opens a file save dialog

2.4 Mar 3, 2007

+ Added various image effect filters: Drop shadows, watermark, greyscale, random thumbnail rotation

2.3 Feb 17, 2007

+ Added image mouseover navigation
+ Added option to disable navigation controls display on slide pages
+ Added "Grey" style

2.2 Oct 18, 2006

+ Generated pages are XHTML 1.0 Strict (formerly XHTML 1.0 Transitional)
+ Logo graphics can be selected and displayed on thumbnail pages
+ Additional page footer text can be entered
+ Added more page layout customization options

2.1 Aug 21, 2006

Added slideshow option

2.0 Aug 14, 2006

"Classic Aligned 2" initial version 2.0, re-write of "Classic Aligned" (last version 1.5)

Sample album

Sign in to post

Write a comment

Heinz-Peter Bader
Heinz-Peter Bader has a Power storage subscriptionHeinz-Peter Bader is a skin developer

12 days agoHeinz-Peter Bader

Here you find this skin's support forum: http://jalbum.net/forum/forum.jspa?forumID=11

vankeerberghen
License for jAlbum 11.x

12 days agovankeerberghen

Thanks for your fast reaction. Here are some examples http://www.gvoetbalpuurs.be/FamilieTornooi/slides/FamilieTornooi180212001.html http://www.gvoetbalpuurs.be/Nieuwe%20Uitrusting/slides/Andre%20Teugels.html http://www.gvoetbalpuurs.be/Puurs3%20-%20Lentezon3/slides/IMG_6137.html

Heinz-Peter Bader

12 days agoHeinz-Peter Bader

I see this code in your index page HTML which was *not* generated by jAlbum or the skin, and it overrrides the skin's colors: body,td,th { color: #006600; } body { background-color: #aed652; } If you want to set the skin's colors so that they match the colors in the above code, go to Settings > Classic Aligned 2 > Custom style > CSS select the desired colors there and select the "Custom" style from the dropdown box (right above 'Make Album')

vankeerberghen
License for jAlbum 11.x

13 days agovankeerberghen

vkb When I change the color of the background in the index-file, I would like that the bachgound of the slideshow changes as well. But sometimes it does, and other files it doesn't. hat can I do? And how to insert mp3?

Heinz-Peter Bader

12 days agoHeinz-Peter Bader

You can add MP3files to an album just like any photo. Re the background color - it should generally be the same for all album pages - can you provide a link to a non-working example?

omg
License for jAlbum 10.x

2 months agoomg

It would be very helpfull to be able to give a size to the videos. They are now playing only full size.thanks

Heinz-Peter Bader

2 months agoHeinz-Peter Bader

It is in no way controlled by the skin how videos are played. This is all up to the browser and the viewer's computer setup. The skin simply links to a video file without any further action.

yuan_you

3 months agoyuan_you

Nice and clean skin, which is what I'm looking for. Just a question: for the "Square thumbnails", there are two modes: sueezed or cropped. Could you add a third one where photos are put inside the square without crop nor deformation, just reduced to fit along the largest side? Thanks.

Heinz-Peter Bader

2 months agoHeinz-Peter Bader

This is the skin's default behavior, *without* any square thumbnails option selected.