jAlbum · Turtle skinLaza

Download Turtle skin

May142012
 

Turtle 3.3.0 May 14, 2012

New features
  • Fotomoto integration
  • Global font size setting
  • High(er) resolution poster images for audio and video players
  • You can change the order of thumbnail categories on the index page: folders / pages / images
Fixed
  • After swiping right of the first image it has left positioned off-center
  • Names in facetagging were missing from the ALT tags
  • The interface language of the Paypal shopping cart has changed to British English when the currency is GBP (it seems to affect the shipping too)
  • TIF, TIFF has added as native image extension
Changed
  • Removed the unused currencies from shopping cart
  • Revised fonts stacks, thanks to http://www.awayback.com/revised-font-stack/ and http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

Continue reading →

jAlbum · Turtle skinLaza

Building Panoramic albums with Turtle

May032012
 

Building panoramic galleries is not fully supported by most of the web album tools today. You need to have some panning tool to be able to conveniently handle these extreme-wide photos. In Turtle 3.2.0 I have introduced some new techniques to support this.

The swipe control has been extended to let users pan panoramic images horizontally and trigger the switch for next (previous) photo only when the right edge gets below the 90% of the window width. The left and right arrows on the keyboard can also be used to pan left and right until you reach the far end, when it falls back to the original previous (next) picture functionality. But a working example is worth a thousand words according to the ancient Chinese wisdom. Click the image below to test it “in vivo”.

Use the Left and Right arrow buttons to pan through, or move the image with the mouse, or simply swipe left and right on touch devices.

Continue reading →

jAlbum · Turtle skinLaza

Turtle skin settings explained

Apr182012
 

Skin version: 3.2.0

Turtle skin has such an extensive feature set – I guess even the most experienced of you can find something new. To get into Turtle skin settings either click the little skin icon next to the skin chooser in jAlbum or press F4.

Site

Show top navigation

Select to display a site-wide top navigation menu at the top of the index page.

Exclude folders

You can exclude the folders and display only the custom pages.

Logo

Include a logo at the top left corner of the navigation bar, linked to the top level album page. The max size is 180x40px. Suggested format: 8bit transparent PNG.

Link from the top level page

Adds a link which takes you one level up from the top level page. You can use any absolute or relative URL, not just the one level up (../).

Use breadcrumb path

Breadcrumb path is the clickable path of upper-level folders.

Use search box

Add an album-wide search box to your albums. Can search in the Title, Comment, Keywords and Face tag fields.

Skip thumbnail page

Visitors will taken straight to the first image in the album. However if there are sub-albums, you can’t skip the thumbnail page.

Continue reading →

Base skin · jAlbumLaza

Download Base skin

Apr032012
 

Base 2.0.1

Base skin service release – fixing minor bugs.

New features

  • Processing jAlbum variables in Header and Footer content

Fixed

  • Top navigation misalignment when logo is added
  • Replacing index.htt with your own resulted in an extra “index” link to appear in the navigations
  • Contact box text was hard to read in Simple Dark style

Continue reading →

jAlbum · Turtle skinLaza

Sell your products with the help of Turtle skin

Mar302012
 

You might’ve missed it, but Turtle skin can be used to sell your photos or products too. To use this option you need to hold a Pro license or a Power storage account with jAlbum. Although the payment is routed through Paypal or Google Checkout, your customers don’t need to be signed up with these payment processors, they can simply use their credit card as well. Here’s how you can create an album with a shopping cart, and how the visitors see the process.

Creating the album

First collect the photos (of the products) you want to sell, and create a new album in the jAlbum application.

  • Add the photos by the Add button or by dragging them onto jAlbum
  • Choose Turtle skin
  • Add an image to be used as “Theme image” on the index page. Right-click → Use as folder thumbnail, and Right-click → Exclude
  • Switch to Edit mode (Pencil icon) and add captions to your items with the details of the product (you can use HTML code too in the captions)

Continue reading →

Goodies · WallpapersLaza

Screen resolutions desktop background image

Mar092012
 

If you are a web designer, like me, you possibly often find your self wondering how your newly-designed webpage would look on different screen sizes. This lead me to make this practical screen background, by which testing the different screen resolutions is a snap: just adjust the browser size to the background grid.

Well, using a low resolution monitor might not optimal, but I assume once you’re a web designer you don’t struggle with a 1024×768 monitor. To tell the truth, my best investment was a second monitor recently. Now I don’t have to juggle with the hidden windows, just put the editor left, the test to the right, and no more switching after every step.

The image is 1920x1200px in size, which makes fit best for 1920×1080 or 1600×1200 monitors. If you have a bigger one, I can make it fit to that resolution.

Usage

Just click the download button above to open the PNG file in a new window, then right-click -> Save image as... Finally once it’s donwloaded right-click the file and choose Set as desktop background.

Legal: You can use this in your private and commercial projects but not allowed to redistribute it.

addSwipe plugin · jQueryLaza

AddSwipe plugin

Feb292012
 

With this plugin you can add swipe action to a layer, and render actions for the left and right swipe move gesture. Works with mouse and touchscreen uniformly. You can also set it up to snap to grid, e.g. window width or a fraction of the width.

Syntax

$(layer).addSwipe( leftFn, rightFn, { options } );
Continue reading →