<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>LazaWorx</title>
	<atom:link href="http://lazaworx.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://lazaworx.com</link>
	<description>Worx in progress</description>
	<lastBuildDate>Mon, 29 Apr 2013 12:47:03 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Dynamic vs. multi-page albums</title>
		<link>http://lazaworx.com/dynamic-vs-multi-page-albums/</link>
		<comments>http://lazaworx.com/dynamic-vs-multi-page-albums/#comments</comments>
		<pubDate>Thu, 25 Apr 2013 22:46:53 +0000</pubDate>
		<dc:creator>Laza</dc:creator>
				<category><![CDATA[jAlbum]]></category>
		<category><![CDATA[Turtle skin]]></category>
		<category><![CDATA[Dynamic]]></category>
		<category><![CDATA[make slide pages]]></category>
		<category><![CDATA[separate slide]]></category>
		<category><![CDATA[single page]]></category>

		<guid isPermaLink="false">http://lazaworx.com/?p=994</guid>
		<description><![CDATA[Dealing with digital photo albums on the web you&#8217;ll see two basically different models. The &#8220;traditional&#8221; &#8211; one image per HTML page &#8211; and the &#8220;dynamic&#8221;, which changes the images on the same HTML page upon user interaction, utilizing Javascript. &#8230; <a href="http://lazaworx.com/dynamic-vs-multi-page-albums/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Dealing with digital photo albums on the web you&#8217;ll see two basically different models. The <strong>&#8220;traditional&#8221;</strong> &#8211; one image per HTML page &#8211; and the <strong>&#8220;dynamic&#8221;</strong>, which changes the images on the same HTML page upon user interaction, utilizing Javascript. Sounds like a subtle technical detail but it has far reaching consequences. Although this applies to any skin, I will talk specifically about the Turtle skin now, which has been enabled to generate traditional (separate slides) albums since version 4, just a few weeks ago. I&#8217;ve seen a lot of confusion regarding these modes, so I decided to put up this blog post.</p>
<p>Here is the magic switch that decides between these modes in jAlbum, called &#8220;<b>Make slide pages</b>&#8220;:<br />
<img src="http://lazaworx.com/lazaworx/wp-content/uploads/2013/04/settings_panel.jpg" alt="settings_panel" width="467" height="478" class="aligncenter size-full wp-image-998"><br />
Turn it on for the &#8220;Separate slide pages&#8221; mode &#8211; the default is still the dynamic mode.</p>
<h3>Comparison</h3>
<p>In the traditional &#8211; <strong>separate slide pages</strong> &#8211; mode, the HTML page loads all the page components and all the widgets (like Facebook, Google +1, etc.) every time an image is loaded. Every page has a separate URL address, so you can bookmark or share images separately and can use external widgets which rely on the page address, for example Facebook commenting. The downside is inherent in the web technology which doesn&#8217;t allow transitions between web pages, nothing can remain from a previous page (like background music), and need to build every page from ground, loading and rendering everything on a page again and again. This is why Turtle skin was originally made dynamic. A <strong>dynamic album</strong> is capable of making smooth transitions between the images, loading only the necessary components, an rendering a full folder only once.</p>
<table width="100%" cellpadding="0" cellspacing="20" border="0" style="margin:1em 0;">
<tr>
<th>
<h5>Dynamic mode</h5>
</th>
<th>&nbsp;</th>
<th>
<h5>Separate slides mode</h5>
</th>
</tr>
<tr>
<td valign="middle"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2013/04/dynamic_mode.png" alt="dynamic_mode" width="196" height="129" class="aligncenter size-full wp-image-1000"></td>
<td valign="middle" style="vertical-align:middle;"><strong>vs.</strong></td>
<td valign="middle"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2013/04/traditional_mode.png" alt="traditional_mode" width="378" height="129" class="aligncenter size-full wp-image-999"></td>
</tr>
</table>
<p>You might ask why did then Turtle introduce the traditional mode at all. It&#8217;s because there are several scenarios when the separate slides mode is still beneficial, e.g. achieving better search results, being able to comment images through Facebook separately, using several hundreds of images in the same folder, to name a few. It&#8217;s a fundamental change in the structure, every part of the code had to be rewritten to work in both modes. I tried to find the best match between the two modes, still there are tons of differences. See the table below.</p>
<table width="100%" cellpadding="5" cellspacing="0" border="1" style="margin-top:1em; border-color:#ccc;">
<tr>
<th width="40%" style="background-color:#333;color:#ccc;">&nbsp;</th>
<th width="30%" style="background-color:#333;color:#ccc;">Dynamic mode</th>
<th width="30%" style="background-color:#333;color:#ccc;">Separate slides</th>
</tr>
<tr>
<td>Number of HTML pages</td>
<td align="center"><span style="color:green;font-weight:bold;">One per folder</span></td>
<td align="center">Number of images + 1</td>
</tr>
<tr>
<td>URL format</td>
<td align="center"><kbd>index.html#image.jpg</kbd></td>
<td align="center"><kbd>slides/image.html</kbd></td>
</tr>
<tr>
<td>Can bookmark?<br />(and send)</td>
<td align="center">Yes<br /><small>using hash, see below</small></td>
<td align="center">Yes</td>
</tr>
<tr>
<td>Search bots can find individual images</td>
<td align="center">Less probably<br /><small>and they&#8217;ll link to the gallery</small></td>
<td align="center"><span style="color:green;font-weight:bold;">Yes</span></td>
</tr>
<tr>
<td>Smooth transitions</td>
<td align="center"><span style="color:green;font-weight:bold;">Yes</span></td>
<td align="center">No</td>
</tr>
<tr>
<td>Continuous background music</td>
<td align="center"><span style="color:green;font-weight:bold;">Yes</span><br /><small>in the same folder</small></td>
<td align="center">No</td>
</tr>
<tr>
<td>Thumbnails strip<br /><small>above the image</small></td>
<td align="center"><span style="color:green;font-weight:bold;">All<br /><small>thumbnails</small></span></td>
<td align="center">Only max. 15<br /><small>5 previous &#8211; 10 next</small></td>
</tr>
<tr>
<td>Maximum number of images in a folder</td>
<td align="center">&lt; 600<br /><small>to avoid memory leak in poorly written browsers</small></td>
<td align="center"><span style="color:green;font-weight:bold;">~ 1000-2000</span><br /><small>the number of page elements (thumbnails) is still limited</small></td>
</tr>
<tr>
<td>Like, Comment, +1, PinIt, Share complete folders</td>
<td align="center">Yes</td>
<td align="center">Yes</td>
</tr>
<tr>
<td>Like, Comment, +1, PinIt, Share individual images</td>
<td align="center">No</td>
<td align="center"><span style="color:green;font-weight:bold;">Yes</span></td>
</tr>
<tr>
<td>Tweet, Tumblr, Email individual images</td>
<td align="center">Yes</td>
<td align="center">Yes</td>
</tr>
<tr>
<td>Google Maps</td>
<td align="center">Yes</td>
<td align="center">Yes</td>
</tr>
<tr>
<td>Google Maps show all placemarks</td>
<td align="center"><span style="color:green;font-weight:bold;">Yes</span></td>
<td align="center">max 15</td>
</tr>
<tr>
<td>Can skip index page and auto-start slideshow</td>
<td align="center"><span style="color:green;font-weight:bold;">Yes</span></td>
<td align="center">No</td>
</tr>
<tr>
<td>Can retain full screen mode</td>
<td align="center"><span style="color:green;font-weight:bold;">Yes</span></td>
<td align="center">No<br /><small>in most browsers it falls back to windowed mode with every page change</small></td>
</tr>
<tr>
<td>Image-sensitive jAlbum widgets</td>
<td align="center">Partial<br /><small>Commenting widget works, the others ignore it</small></td>
<td align="center"><span style="color:green;font-weight:bold;">Yes</span></td>
</tr>
<tr>
<td>Traffic browsing through an album</td>
<td align="center"><span style="color:green;font-weight:bold;">~ 120 kB</span><br />per image</td>
<td align="center">~ 180 kB<br />per image</td>
</tr>
<tr>
<td>Server requests</td>
<td align="center"><span style="color:green;font-weight:bold;">the least possible</span></td>
<td align="center">cca. 10x the amount as in dynamic mode</td>
</tr>
<tr>
<td>Page load time</td>
<td align="center"><span style="color:green;font-weight:bold;">Only index page</span><br /><small>images are loaded as fast as can</small></td>
<td align="center">Every image is rendered on a separate html page</td>
</tr>
<tr>
<td>Google Analytics</td>
<td align="center">Per folder</td>
<td align="center"><span style="color:green;font-weight:bold;">Per image</span></td>
</tr>
</table>
<h3>Tracking the actual image in dynamic mode</h3>
<p>To be able to follow the actual image the skin is using a technique (using internal links), which adds the image name after the URL the following way: <code>http://somesite.com/album/index.html#thisimage.jpg</code>. This makes it possible to bookmark, share individual images in dynamic albums, and also allows the browser&#8217;s back and forward buttons to work within the album. A smart javascript function is monitoring the hash code in the URL, and instructs the album to load the appropriate image upon change. These anchors are not allowed by major social sites, unfortunately. I have no insider info on this matter, but I guess they don&#8217;t want to allow dynamic pages to be shared, because they afraid of manipulation. They can&#8217;t check out the contents upfront. Think of sharing a funny cat video to millions then showing offending content after a while. They are trying to maintain &#8220;link quality&#8221; on their sites, and I agree this is a necessary precaution.</p>
<h3>Conclusion</h3>
<p>Both modes have its ups and downs &#8211; which is better boils down to what you are using the album. If you want to showcase a small number of images in a smooth (even full screen) presentation with optional background music then go for the <strong>Single page mode</strong>. If the possibility to individually Like or Comment images is paramount, would like to showcase a huge number of images in the same folder, or prefer to have individual search results for the photos the <strong>separate slide pages</strong> mode might fit you better.</p>
]]></content:encoded>
			<wfw:commentRss>http://lazaworx.com/dynamic-vs-multi-page-albums/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Download Base skin</title>
		<link>http://lazaworx.com/download-base-skin/</link>
		<comments>http://lazaworx.com/download-base-skin/#comments</comments>
		<pubDate>Mon, 26 Nov 2012 12:30:57 +0000</pubDate>
		<dc:creator>Laza</dc:creator>
				<category><![CDATA[Base skin]]></category>
		<category><![CDATA[jAlbum]]></category>
		<category><![CDATA[download]]></category>

		<guid isPermaLink="false">http://lazaworx.com/?p=816</guid>
		<description><![CDATA[Download Base.jaskin Double click the downloaded file to install! Sample album Favorites Usage Base skin is free for both personal and commercial projects. Base 2.1.4 Nov 26, 2012 New features Added Advanced panel Code hooks: HEAD, BODY and CSS Google &#8230; <a href="http://lazaworx.com/download-base-skin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<aside class="note">
<h4>Download</h4>
<div class="button"><a href="/download/Base_v214.jaskin" class="download-btn">Base.jaskin</a></div>
<p>Double click the downloaded file to install!</p>
<h4>Sample album</h4>
<p><a href="http://laza.jalbum.net/Favorites/">Favorites</a></p>
<h4>Usage</h4>
<p>Base skin is free for both personal and commercial projects.</p>
</aside>
<h3>Base 2.1.4 <small>Nov 26, 2012</small></h3>
<h5>New features</h5>
<ul>
<li>Added Advanced panel</li>
<li>Code hooks: HEAD, BODY and CSS</li>
<li>Google Analytics added</li>
<li>Top menu logo can be of any size (not limited to 40px high)</li>
</ul>
<h2 style="clear:both">History</h2>
<p><span id="more-816"></span></p>
<section>
<h3>Base 2.1.3 <small>Sep 18, 2012</small></h3>
<h5>Changed</h5>
<ul>
<li>support for jAlbum&#8217;s new back links</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>minor html formatting bugs</li>
</ul>
</section>
<section>
<h3>Base 2.1.2 <small>Aug 7, 2012</small></h3>
<h5>New feature</h5>
<ul>
<li>You can remove the Title (or fileName) from the header part on the slide pages</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Removed the unnecessary &lt;footer&gt; tag when it was empty</li>
</ul>
</section>
<section>
<h3>Base 2.1.1 <small>July 19, 2012</small> <a href="/download/Base_v211.jaskin" class="download-btn">Base.jaskin</a></h3>
<h5>Fixed</h5>
<ul>
<li>Missing thumbnails when other skin turned off thumbnail generation</li>
<li>Missing thumbnails when not using the &#8220;Copy folder thumbnails to current level&#8221;</li>
</ul>
</section>
<section>
<h3>Base 2.1.0 <small>May 25, 2012</small> <a href="/download/Base_v210.jaskin" class="download-btn">Base.jaskin</a></h3>
<p>Now the page templates are integrated into jAlbum&#8217;s User Interface. Just right-click in the thumbnails area in jAlbum and select: <code>New Page -&gt; About.htt</code> for example.</p>
<h4>New features</h4>
<ul>
<li>Added Page templates for About, Contact and Sitemap pages</li>
<li>Thumbnail navigation can be placed below the main image too</li>
<li>Added the same base font set as in Turtle (<a href="http://lazaworx.com/font-selection-in-turtle-skin/">see here</a>)</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>Several fixes (taken over from Turtle skin)</li>
<li>Top navigation works in IE7</li>
</ul>
</section>
<section>
<h3>Base 2.0.1 <a href="/download/Base_v201.jaskin" class="download-btn">Base.jaskin</a></h3>
<p class="lead">Base skin service release &ndash; fixing minor bugs.</p>
<h4>New features</h4>
<ul>
<li>Processing jAlbum variables in Header and Footer content</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>Top navigation misalignment when logo is added</li>
<li>Replacing index.htt with your own resulted in an extra &#8220;index&#8221; link to appear in the navigations</li>
<li>Contact box text was hard to read in Simple Dark style</li>
</ul>
</section>
<section>
<h3>Base 2.0.0 <a href="/download/Base_v200.jaskin" class="download-btn">Base.jaskin</a></h3>
<p class="lead">You can create complete sites with Base 2.0.0, thanks to jAlbum&#8217;s new site creating feature.</p>
<p>Right-click anywhere in jAlbum, thumbnail mode, and select <code>New Page</code>. Name it as. e.g. Contact.htt, or whatever the purpose is. Double-clicking the icon will bring up a simple HTML editor where you can add HTML structure, while selecting <code>Edit</code> will offer you editing the <strong>Title</strong> and <strong>Comment</strong> (text content) of the page. These pages then become part of the album structure, and will appear in the top (or footer) menu bar.</p>
<p>Please note, Base 2.0+ requires <a href="http://jalbum.net/en/software/download">jAlbum 10.4</a> or newer in order the new features work.</p>
<h4>New features</h4>
<ul>
<li>Support for custom pages</li>
<li>Multi-level top navigation bar</li>
<li>Simple bottom navigation bar in the footer</li>
<li>Breadcrumb path now includes the Up link (if exists)</li>
<li>Your logo in the top navigation bar</li>
<li>Header and Footer content can be added through the user interface</li>
</ul>
</section>
<section>
<h3>Base 1.0.2 <a href="/download/Base_v102.jaskin" class="download-btn">Base skin 1.0.2</a></h3>
<h5>Fixed</h5>
<ul>
<li>IE compatibility mode fallback</li>
<li>2 validation errors (missing alt tags)</li>
<li>Outline on image areas when clicking for the previous/next page</li>
</ul>
<h5>Changed</h5>
<ul>
<li>Document mode to HTML 4.01 strict (in order IE not fall back to quirks mode)</li>
</ul>
</section>
]]></content:encoded>
			<wfw:commentRss>http://lazaworx.com/download-base-skin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Download Turtle skin</title>
		<link>http://lazaworx.com/download-turtle-skin/</link>
		<comments>http://lazaworx.com/download-turtle-skin/#comments</comments>
		<pubDate>Thu, 30 Aug 2012 10:08:25 +0000</pubDate>
		<dc:creator>Laza</dc:creator>
				<category><![CDATA[jAlbum]]></category>
		<category><![CDATA[Turtle skin]]></category>
		<category><![CDATA[download]]></category>

		<guid isPermaLink="false">http://lazaworx.com/?p=807</guid>
		<description><![CDATA[Current version Turtle.jaskin Double click the downloaded file to install! Sample album Turtle 3.5.2 August 30, 2012 Turtle.jaskin New features Windows Live Photo Gallery facetagging support &#8220;Start slideshow&#8221; button has nicer animation and better readablity Fixed Broken links with search &#8230; <a href="http://lazaworx.com/download-turtle-skin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<aside class="note">
<h4>Current version</h4>
<div class="button"><a href="/download/Turtle_v352.jaskin" class="download-btn">Turtle.jaskin</a></div>
<p>Double click the downloaded file to install!</p>
<h4>Sample album</h4>
<p><a href="http://laza.jalbum.net/Thailand%202010/" width="180" height="164" target="_blank" title="Click to open the Turtle skin's sample album"><img src="/static/images/turtle-sample-180.jpg" alt="Turtle sample album"></a></p>
</aside>
<h3>Turtle 3.5.2 <small>August 30, 2012</small> <a href="/download/Turtle_v352.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>Windows Live Photo Gallery facetagging support</li>
<li>&#8220;Start slideshow&#8221; button has nicer animation and better readablity</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Broken links with search results when &#8220;Make slides&#8221; is on</li>
<li>Direct linking to images is broken with &#8220;Make slides&#8221;</li>
<li>ZIPped album ended up in the wrong folder with &#8220;Offer download for the whole album&#8221;</li>
<li>Text bevel effect was too strong in some styles</li>
<li>Make slides automatically turned on when opening an old album</li>
<li>Added help for download as ZIP</li>
</ul>
<h5>Changed</h5>
<ul>
<li>Jeans styles&#8217;s folder and thumbnail background plates changed to light from dark</li>
</ul>
<h5>Please note</h5>
<ul>
<li>Turtle now can create slide pages too with limited functionality. These are useful<br />
for SEO purposes, because the high resolution images are placed on a separate HTML<br />
page and can be indexed easier. Being this a new feature which changes many things,<br />
can break some of the album functionality. Use with precaution and test.</li>
<li>If you want to play safe, disable the <code>Make slides</code> option on <code>Settings / Pages /<br />
Advanced / Make slides</code> &#8211; jAlbum might turn it on occasionally</li>
<li>This update brings a new method for image linking, therefore when you update albums<br />
made previously, make sure to regenerate all sub-folders. <br />
<code>Settings / Advanced / Process subdirectories = ON</code><br />
<code>Settings / Advanced / Process only updated subdirectories = OFF</code></li>
</ul>
<h4>Notes for Version 3.5.1</h4>
<h5>New features</h5>
<ul>
<li>Pinterest &#8220;Pin It&#8221; button now works with individual images too.</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>&#8220;Evaluation error on line 182:&#8221;</li>
</ul>
<h5>Changed</h5>
<ul>
<li>Tumblr button works on individual images</li>
</ul>
<h4>Notes for Version 3.5.0</h4>
<h5>New features</h5>
<ul>
<li>Pinterest&#8217;s &#8220;Pin It&#8221; button</li>
<li>Start slideshow text on the header received more contrast</li>
<li>Search box stays on after changing pages. Remembers window position and size.</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Apostrophe in Home link causing javascript error</li>
<li>Navigation bar stays on after switch to Full Screen mode in FireFox</li>
<li>The &#8220;After last page&#8221; modal window is hidden in Full Screen mode</li>
<li>Modifications in the event system should result in lower memory use<br />
	<small>(important with IE, which does not recycle the unused memory properly)</small></li>
</ul>
<p><span id="more-807"></span></p>
<p>&nbsp;</p>
<h2 style="clear:both;">History</h2>
<section>
<h3>Turtle 3.4.8 <small>August 11, 2012</small> <a href="/download/Turtle_v348.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>Movable and resizable modal windows, e.g. the search results or help</li>
<li>Facebook commenting is placed below the theme image in vertically split layout</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Better drop shadows on folder and top menu elements</li>
<li>Top menu ellipsis problem on Google Chrome</li>
<li>Broken links in search results to files with extended characters with URL-encode links on</li>
<li>Broken links to folders containing extended characters in top navigation and in Sitemap page</li>
<li>Missing modal windows (album info, at last page, search results, help) &#8211; fixed in 3.4.8</li>
<li>Broken Album info window &#8211; fixed in 3.4.8</li>
</ul>
<h5>Notes</h5>
<ul>
<li>Please note, I have removed the version 3.4.7, because that had a serious bug, so the release notes above contains the points for both versions.</li>
</ul>
</section>
<section>
<h3>Turtle 3.4.6 <small>August 01, 2012</small> <a href="/download/Turtle_v346.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>Theme images in subfolders can have different height</li>
<li>You can use the same Theme image on all pages (in all sub-albums) as the one selected for the top level folder</li>
</ul>
</section>
<section>
<h3>Turtle 3.4.5 <small>July 30, 2012</small> <a href="/download/Turtle_v345.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>Theme image heigth can be controlled separately for Pages (e.g. Contact)</li>
<li>You can use all four arrow keys when navigating through the thumbnails</li>
<li>Optional Full screen mode for slideshows</li>
<li>ESC key brings one level up from the index page</li>
<li>Clicking outside the images brings back the index page</li>
<li>New Google+ share button</li>
<li>New Portuguese translation by Luis Simas Menem</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Pressing Enter on the index page did not always go to the selected image</li>
</ul>
<h5>Changed</h5>
<ul>
<li>Thumbnail scroller effect changed to &#8220;smooth&#8221; (previously &#8220;elastic&#8221;)</li>
</ul>
</section>
<section>
<h3>Turtle 3.4.4 <small>July 19, 2012</small> <a href="/download/Turtle_v344.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>&#8220;New&#8221; mark can be relative to &#8220;Date taken&#8221; (Exif date) or &#8220;File modified&#8221;</li>
<li>Added CSS code box to apply CSS changes easily (and retain after skin updates)</li>
<li>Watermark position, strength and size controls added</li>
</ul>
<h5>Changed</h5>
<ul>
<li>If Title is the same as the Filename, no duplicate line appears in the Search results</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Numpad * = start slideshow works from idex page too</li>
<li>Problem on some browsers with understanding the headline font</li>
<li>Shipping fee was missing if the first item in the shop options didn&#8217;t have shipping</li>
<li>Shipping used flat rate (shipping only added on the first item of the same picture)</li>
</ul>
</section>
<section>
<h3>Turtle 3.4.3 <small>July 10, 2012</small> <a href="/download/Turtle_v343.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>Fixed</h5>
<ul>
<li>Missing Image caption, Thumbnail caption and Photo data templates on new albums</li>
</ul>
</section>
<section>
<h3>Turtle 3.4.2 <small>July 9, 2012</small> <a href="/download/Turtle_v342.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>You can give a name to the &#8220;up link&#8221; (e.g. &#8220;All albums&#8221;)</li>
<li>ZIP originals or down-scaled images per folder and offer for download (not only the whole album)</li>
<li>Facebook commenting follows the chosen language of the album</li>
</ul>
<h5>Changed</h5>
<ul>
<li>The &#8220;up link&#8221; feature has been moved into jAlbum&#8217;s functionality, see on &#8220;Settings / Pages&#8221; panel.</li>
<li>Facebook Like, Twitter Tweet and Tumblr buttons removed from the individual images, because they were not referring to the image, but the whole album.</li>
<li>The default theme image size is 900x240px</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Missing thumbnail of videos with &#8220;Link to originals&#8221; with no &#8220;Copy originals&#8221;</li>
<li>Bug with XLSX, DOCX, PPTX files</li>
<li>Facebook commenting might run out of the scroller area if there were no album images in a folder</li>
<li>Control bar graphics in Creme style broken</li>
<li>No comments when followed the link back from Facebook</li>
</ul>
<h5>Updated</h5>
<ul>
<li>French translation by Danamel</li>
<li>Korean translation by Jaehyung Lee, Hungarian translation</li>
</ul>
<h5>Notes</h5>
<ul>
<li>jAlbum will take over the old up link settings of Turtle.</li>
<li>ZIP originals works even if you don&#8217;t select the &#8220;Link to originals&#8221; or &#8220;Copy originals&#8221;.</li>
<li>The ZIP feature always creates (and Uploads) the ZIP files even if that&#8217;s unnecessary, because Turtle cannot detect if the files has changed. We might implement some change detection later. Sorry for the inconvenience!</li>
</ul>
</section>
<section>
<h3>Turtle 3.4.0 <small>Jun 20, 2012</small> <a href="/download/Turtle_v340.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>Facebook Commenting</li>
<li>Visitors can download the whole album as ZIP</li>
</ul>
</ul>
<h5>Fixed</h5>
<ul>
<li>Controls should disappear quicker on touch devices</li>
<li>Videos did not scale to fit initially, only after clicking the fit/1:1 button</li>
<li>Thumbnail for sharing was not available when none of the sharing was selected</li>
</ul>
<p>Please note, due to the fact the ZIP format does not store the Encoding (locale) of the file and folder names you might get broken file names (and albums) after extraction on Widows. Java encodes these names to UTF-8, which is used by OSX and Linux by default. Windows, however, is decoding them using the visitor PC&#8217;s locale (never UTF-8). We will create a little applet by which visitors can decode these ZIP files properly, but until then I suggest you to keep with simple ASCII file and folder names, and use the &#8220;Title&#8221; field in Edit mode to add accented characters. This method is more safe for using the album on the web too.</p>
<p>For the Facebook commenting feature you will need to create a new app on Facebook&#8217;s developer center: https://developers.facebook.com/ Copy the App ID in Turtle&#8217;s Facebook App ID box. You can use the same App ID on all pages of your site.</p>
</section>
<section>
<h3>Turtle 3.3.5 <small>Jun 1, 2012</small> <a href="/download/Turtle_v335.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>Headline font size can be controlled through the user interface</li>
<li>You can disable adding ALT tags to images (avoid search bots to pick keywords)</li>
<li>Automatic image correction filter</li>
<li>You can add custom code to the HEAD and BODY sections</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Better &#8220;Stick controls to top&#8221; behavior</li>
</ul>
<h5>Updated</h5>
<ul>
<li>French and Hungarian translation</li>
</ul>
</section>
<section>
<h3>Turtle 3.3.4 <small>May 29, 2012</small> <a href="/download/Turtle_v334.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>Fixed</h5>
<ul>
<li>Overlapping rows of folder thumbnails</li>
<li>Right-click protection on thumbnails too</li>
<li>Navigation bar looks broken in Gold style in IE8 and below</li>
</ul>
</section>
<section>
<h3>Turtle 3.3.3 <small>May 25, 2012</small> <a href="/download/Turtle_v333.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>Fixed</h5>
<ul>
<li>Top navigation menu clipping</li>
</ul>
<h5>Changed</h5>
<ul>
<li>Filling the thumbnails into the scroller area on the index page instead of centering</li>
<li>Using only common.css (styles.css is integrated) to speed up page load</li>
</ul>
<h5>Updated</h5>
<li>French and German translations</li>
</ul>
</section>
<section>
<h3>Turtle 3.3.2 <small>May 23, 2012</small> <a href="/download/Turtle_v332.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>Added base fonts to Headline font choice</li>
<li>Added link to sample fonts</li>
<li>Separate headline font (33 hand picked web fonts from http://www.google.com/webfonts/)</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Occasional clipping on top ascents of web fonts</li>
<li>Added album name to Paypal / Google Checkout selling notifications</li>
<li>Control bar did not show up in IE8 and below (Modernizr library problem)</li>
</ul>
<h5>Updated</h5>
<ul>
<li>Korean, French and Hungarian translation</li>
</ul>
</section>
<section>
<h3>Turtle 3.3.0 <small>May 14, 2012</small> <a href="/download/Turtle_v330.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>Fotomoto integration</li>
<li>Global font size setting</li>
<li>High(er) resolution poster images for audio and video players</li>
<li>You can change the order of thumbnail categories on the index page: folders / pages / images</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>After swiping right of the first image it has left positioned off-center</li>
<li>Names in facetagging were missing from the ALT tags</li>
<li>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)</li>
<li>TIF, TIFF has added as native image extension</li>
</ul>
<h5>Changed</h5>
<ul>
<li>Removed the unused currencies from shopping cart</li>
<li>Revised fonts stacks, thanks to http://www.awayback.com/revised-font-stack/ and http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/</li>
</ul>
</section>
<section>
<h3>Turtle 3.2.0 <small>May 03, 2012</small> <a href="/download/Turtle_v320.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>Ability to move over the images larger than screen with the mouse, or with the arrow keys (useful for panoramic albums or originals)</li>
<li>Search finds all words independently, doesn&#8217;t require exact match</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Shopping cart quantity reset to &#8220;0&#8243;</li>
<li>BMP files appeared as &#8220;other&#8221; file types, hinted to open with an external viewer</li>
</ul>
</section>
<section>
<h3>Turtle 3.1.2 <small>Apr 24, 2012</small> <a href="/download/Turtle_v312.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>Fixed</h5>
<ul>
<li>Missing folder thumbnail after the first &#8220;Make&#8221;</li>
</ul>
<h5>Changed</h5>
<ul>
<li>No duplicate Title in the search results if your Image caption template already includes the ${title}, ${fileTitle} or ${fileLabel} variables</li>
<li>Copying the folder thumbnails to &#8220;safe&#8221; place is not automatic, you have to select the &#8220;Copy folder thumbnails&#8221; on the Advanced panel, but with this setting on you might need to run &#8220;Make&#8221; twice to get the thumbnails copied.</li>
</ul>
</section>
<section>
<h3>Turtle 3.1.1 <small>Apr 20, 2012</small> <a href="/download/Turtle_v311.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>Fixed</h5>
<ul>
<li>Missing folder thumbnail in certain cases</li>
<li>Album background audio was broken</li>
<li>Shopping cart quantity might be 0 // fixed with a silent release on 04.21.</li>
</ul>
<h5>Updated</h5>
<ul>
<li>French translation by Danamel</li>
</ul>
</section>
<section>
<h3>Turtle 3.1.0 <small>Apr 18, 2012</small> <a href="/download/Turtle_v310.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>Regions (Face tagging) support with site-wide search for names</li>
<li>Custom content can be added to an image either as &#8220;iframe&#8221;, a link to an external site or as custom html code</li>
<li>Added alt tags to thumbnails in order the search engines can pick up the captions, keywords and face tags</li>
<li>Quantity cap for shopping cart</li>
<li>Fit to screen works for videos, audios and custom content too</li>
<li>Added page templates for Sitemap, Contact and About page</li>
<li>Added real-time license checking in order to skip the nag screen for license owners</li>
<li>You can hide the &#8220;Start slideshow&#8221; button</li>
<li>Links to custom pages can be included in the thumbnail scroller area, below the folders</li>
<li>No broken thumbs from Password protected folders (the skin copies them to the index level)</li>
</ul>
<h5>Changed</h5>
<ul>
<li>Reorganized &#8211; hopefully more logical &#8211; skin settings</li>
<li>Control strip disappears much quicker</li>
<li>Smaller animated progress indicator</li>
<li>Made top navigation bar hidden by default</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Broken links to GIF images when using Link to originals </li>
<li>Some validation errors</li>
<li>Background audio using album files don&#8217;t work</li>
<li>Custom background image placement was always left top</li>
</ul>
</section>
<section>
<h3>Turtle 3.0.5 <small>Mar 27, 2012</small> <a href="/download/Turtle_v305.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>Fixed</h5>
<ul>
<li>Hidden folders were visible in the navigation menus</li>
<li>Unnecessary refreshes in Google Maps</li>
</ul>
</section>
<section>
<h3>Turtle 3.0.4 <small>Mar 27, 2012</small> <a href="/download/Turtle_v304.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>Fixed</h5>
<ul>
<li>Paypal shopping cart quantity always sent as 1</li>
<li>Google Maps partly displayed sometimes</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>German translation</li>
</ul>
</section>
<section>
<h3>Turtle 3.0.3 <small>Mar 22, 2012</small> <a href="/download/Turtle_v302.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>You can have the breadcrumb path displayed below the page title</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Paypal shopping cart opened in the main window, replacing the album (not as a popup) on IE</li>
<li>Map did not display properly in certain circumstances</li>
<li>void &#8220;Help&#8221; link on pages without images</li>
<li>Preformat text and target=&#8221;_blank&#8221; in links might conflict</li>
<li>&#8220;Search&#8230;&#8221; placeholder text in the search box made translateable</li>
</ul>
<h5>Updated</h5>
<ul>
<li>French translation</li>
</ul>
<h5>Known issues</h5>
<ul>
<li>Sending locale information to Paypal has implemented, though it doesn&#8217;t seem to accept</li>
</ul>
</section>
<section>
<h3>Turtle 3.0.2 <small>Mar 16, 2012</small> <a href="/download/Turtle_v302.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<h5>New features</h5>
<ul>
<li>You can set the default visibility of the Photo data, Map and Selling photos panels, that is you can show them by default, the visitors don&#8217;t need to click the toggle button</li>
<li>You can skip the folders from the top navigation bar &#8211; useful if you have too many folders</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Handling the folder descriptions (preformatting and using variables) is unified throughout the albums</li>
<li>Multi-line menus look better (don&#8217;t overlap the page title)</li>
<li>Map did not display in full width after hiding and showing the panel again</li>
</ul>
</section>
<section>
<h3>Turtle 3.0.1 <small>Mar 13, 2012</small> <a href="/download/Turtle_v301.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<p class="lead">This is a service release to fix some minor bugs.</p>
<p>For the major release notes please refer to this post: <a href="http://lazaworx.com/turtle-3-0-0-is-out/" title="Turtle 3.0.0 is out">Turtle 3.0.0 is out</a></p>
<h5>New features</h5>
<ul>
<li>You can skip the folders from the thumbnail list (if you prefer the top navigation bar)</li>
<li>Option to remove the &#8220;Help&#8221; link from the footer area</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Top navigation bar was too deep on IE and FireFox</li>
<li>Links in folder descriptions got broken in the header</li>
<li>Replacing index.htt with your own caused an extra &#8220;index&#8221; link in the navigation bars</li>
<li>Control bar and panel background graphics could disppear and re-appear only after a page refresh</li>
<li>The logo in the top navigation could run out of the bar</li>
</ul>
<h5>Updated</h5>
<ul>
<li>French translation</li>
</ul>
</section>
<section>
<h3>Turtle 3.0.0 <small>Mar 2, 2012</small> <a href="/download/Turtle_v300.jaskin" class="download-btn">Turtle.jaskin</a></h3>
<p class="lead">Turtle 3.0 with support for jAlbum&#8217;s new site-creating possibility. You can add now any html page to an album integrated seamlessly.</p>
<p>Right-click anywhere in jAlbum, thumbnail mode, and select <code>New Page</code>. Name it as. e.g. Contact.htt, or whatever the purpose is. Double-clicking the icon will bring up a simple HTML editor where you can add HTML structure, while selecting <code>Edit</code> will offer you editing the <strong>Title</strong> and <strong>Comment</strong> (text content) of the page. These pages then become part of the album structure, and will appear in the top (or footer) menu bar.</p>
<p>Please note, Turtle 3.0+ requires <a href="http://jalbum.net/en/software/download">jAlbum 10.4</a> or newer in order the new features work.</p>
<h5>New features</h5>
<ul>
<li>Support for custom pages</li>
<li>Multi-level top navigation bar</li>
<li>Simple bottom navigation bar in the footer</li>
<li>Better vertically split index page mode</li>
<li>Updated icons and colors to improve the buttons visibility on the index page</li>
<li>Share button is integrated better with the other (Info, Search) buttons</li>
<li>Home button in the navigation bar</li>
<li>Search within custom pages too</li>
<li>Thumbnail captions can be placed below the thumbs (no only as tool-tips as before)</li>
<li>You can add a logo and use as Home link in the top navigation bar</li>
<li>Background image can be added to every style and you can position and tile whatever you like</li>
<li>Image count in footer can be hidden</li>
<li>Modified New date calculation is based on Exif original date (if found)</li>
</ul>
<h5>Fixed</h5>
<ul>
<li>Search works with PNG and GIF files too</li>
<li>Partly cut off footer area in FireFox</li>
<li>Control bar did not disappear on touch devices</li>
<li>Too dark gradient on the theme image in IE</li>
<li>Folder image was re-generated with every Make unnecessarily</li>
<li>Map was bleeding on the right edge if the image width was too large</li>
<li>Text readability fixed with some styles</li>
<li>Choppy picture moving during swipe</li>
</ul>
<h5>Updated</h5>
<ul>
<li>Swedish, Hungarian, Italian, German, Finnish and Spanish translations</li>
</ul>
<h5>Usage</h5>
<ul>
<li>Commercial use is only allowed if you have a jAlbum Pro license.</li>
<li>Modifications of the skin are allowed.</li>
<li>To get rid of the nag screen you have to pay for a jAlbum Pro license.</li>
<li>The built-in video player has proprietary license, see <a href="http://www.longtailvideo.com/players/jw-flv-player/">longtailvideo.com</a>.</li>
</ul>
</section>
]]></content:encoded>
			<wfw:commentRss>http://lazaworx.com/download-turtle-skin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lazaworx.com blackout</title>
		<link>http://lazaworx.com/lazaworx-com-blackout/</link>
		<comments>http://lazaworx.com/lazaworx-com-blackout/#comments</comments>
		<pubDate>Fri, 24 Aug 2012 08:33:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[blackout]]></category>
		<category><![CDATA[server]]></category>
		<category><![CDATA[suspended]]></category>

		<guid isPermaLink="false">http://lazaworx.com/?p=977</guid>
		<description><![CDATA[You might want to like the site&#8217;s Facebook page facebook.com/Lazaworx to see what&#8217;s on with Lazaworx.com and get notified of the new posts. Sorry everyone for the site was down during the past two days. Here&#8217;s what happened. Drawbacks of &#8230; <a href="http://lazaworx.com/lazaworx-com-blackout/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<aside class="note">You might want to like the site&#8217;s Facebook page <a href="http://www.facebook.com/Lazaworx" target="_blank">facebook.com/Lazaworx</a> to see what&#8217;s on with Lazaworx.com and get notified of the new posts.</aside>
<p class="lead">Sorry everyone for the site was down during the past two days. Here&#8217;s what happened.</p>
<h3>Drawbacks of Shared hosting</h3>
<p>Lazaworx.com is hosted on a shared hosting, in which hundreds of sites share the resources of the same physical hardware. Even though they advertise the service comes with unlimited bandwidth and storage, the real bottleneck is the CPU and memory usage, as I learned now. It&#8217;s nowhere advertised that once your site runs over the 2% CPU limit they will instantly suspend it.</p>
<h3>What has happened?</h3>
<p>In the last week I have had a high CPU usage warning when the automatic backup has started. Afterwards <a href="http://lunarpages.com" target="_blank">Lunarpages</a>, my web host, has removed the rights (chowned) from the site&#8217;s main file, the so called <code>index.php</code> file. After I&#8217;ve removed some of the more processor-intensive tasks and turned off all plugins (e.g. social sharing) they have switched it back. They monitored the site, and by the stats it seemed it went back to the normal ~0.5% CPU load.<br />
Then suddenly at 06:37(PT) 22 August came another CPU peak of 7% (possibly the backup kicked in again), after which the site has been suspended again. Reading a lot around the web I found another possible culprit, the so-called &#8220;cron jobs&#8221;, which are there to do maintenance tasks, like releasing scheduled posts, sending out notifications, etc. Unfortunately with WordPress these cron jobs can easily overpopulate, and eat up too much of the CPU. Just a second before the CPU peak came I found 15-20 cron jobs started in the site&#8217;s access log. I had to move this task from WordPress to the server, and restricted to run only twice a day. Also made some more minor adjustments others suggested in the forums. So far so good.</p>
<h3>The &#8220;Support case&#8221;</h3>
<p>After I&#8217;ve notified the staff of the changes and asked them to put back my site online they haven&#8217;t responded for a day. Then they answered an unimportant question, still not lifting the ban. I had to write to their manager to look after the case, and voila, after almost 2 days, the site is back at last. I think my next hosting company will be a smaller one, who haven&#8217;t outsourced its support department to India yet. Don&#8217;t get me wrong, they are nice guys, and I suppose they have to answer hundreds of support cases a day for a dime. But they don&#8217;t care if your business goes bankrupt &#8211; don&#8217;t feel what&#8217;s important and what&#8217;s not. I suppose they mustn&#8217;t bring forward the urgent cases, and they can&#8217;t improvise &#8211; they seem to answer only with pre-compiled panels. As I myself give support in jalbum.net, I see how important it is balancing between the cases, and listen to the details. Even though every other case can be answered with macros, quite a few requires special attention, and expertise. And in almost every time the users&#8217; anger is justified. It&#8217;s crucial to handle these cases well &#8211; those who are the most short-tempered can be the best advocates in the future.</p>
<p>Thank You,<br />
Laza</p>
]]></content:encoded>
			<wfw:commentRss>http://lazaworx.com/lazaworx-com-blackout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Turtle skin settings explained</title>
		<link>http://lazaworx.com/turtle-skin-settings-explained/</link>
		<comments>http://lazaworx.com/turtle-skin-settings-explained/#comments</comments>
		<pubDate>Wed, 01 Aug 2012 16:53:44 +0000</pubDate>
		<dc:creator>Laza</dc:creator>
				<category><![CDATA[jAlbum]]></category>
		<category><![CDATA[Turtle skin]]></category>
		<category><![CDATA[auto-start]]></category>
		<category><![CDATA[background image]]></category>
		<category><![CDATA[breadcrumb path]]></category>
		<category><![CDATA[caption template]]></category>
		<category><![CDATA[cross-fade]]></category>
		<category><![CDATA[custom link]]></category>
		<category><![CDATA[customize colors]]></category>
		<category><![CDATA[Exif]]></category>
		<category><![CDATA[footer]]></category>
		<category><![CDATA[Google Checkout]]></category>
		<category><![CDATA[Google Maps]]></category>
		<category><![CDATA[header]]></category>
		<category><![CDATA[Iptc]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[Paypal]]></category>
		<category><![CDATA[photo data]]></category>
		<category><![CDATA[right-click protection]]></category>
		<category><![CDATA[settings]]></category>
		<category><![CDATA[sharing]]></category>
		<category><![CDATA[shopping cart]]></category>
		<category><![CDATA[slideshow]]></category>
		<category><![CDATA[watermark]]></category>
		<category><![CDATA[Xmp]]></category>

		<guid isPermaLink="false">http://localhost/lazaworx/?p=66</guid>
		<description><![CDATA[Traduction Française by Danamel Skin version: 3.4.6 Turtle skin has such an extensive feature set &#8211; I guess even the most experienced of you can find something new. To get into Turtle skin settings either click the little skin icon &#8230; <a href="http://lazaworx.com/turtle-skin-settings-explained/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<aside class="note"><a href="http://www.jardinamel.fr/tutoriels/AideTurtle/aide_Fr_skin%20Turtle.html">Traduction Française</a> by Danamel</aside>
<h3>Skin version: 3.4.6</h3>
<p class="lead">Turtle skin has such an extensive feature set &ndash; I guess even the most experienced of you can find something new. To get into Turtle skin settings either <strong>click the little skin icon</strong> next to the skin chooser in jAlbum or <strong>press F4</strong>.</p>
<div style="clear:both;"><a href="http://lazaworx.com/lazaworx/wp-content/uploads/2012/01/turtle_ui.jpg"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/01/turtle_ui.jpg" alt="" title="turtle_ui" width="432" height="171" class="aligncenter size-full wp-image-858" /></a>
</div>
<section>
<h3>Site</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/site.jpg"><img src="http://lazaworx.com/static/turtle-settings/site.jpg" alt="" title="site" width="300" height="318" class="alignright size-medium" /></a></p>
<h5>Show top navigation</h5>
<p>Select to display a multi-level, site-wide top navigation menu at the top of the index page.</p>
<h5>Exclude folders</h5>
<p>You can exclude the folders and display only the custom pages.</p>
<h5>Logo</h5>
<p>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.</p>
<h5>Link from the top level page</h5>
<p>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 (../).</p>
<h5>Use breadcrumb path</h5>
<p>Breadcrumb path is the clickable path of upper-level folders.</p>
<h5>Use search box</h5>
<p>Add an album-wide search box to your albums. Can search in the Title, Comment, Keywords and Face tag fields.</p>
<h5>Skip thumbnail page</h5>
<p>Visitors will taken straight to the first image in the album. However if there are sub-albums, you can&#8217;t skip the thumbnail page.</p>
<h5>Offer download for&#8230;</h5>
<ul>
<li><strong>Nothing</strong> = to turn off this feature</li>
<li><strong>Scaled-down images</strong> = allow visitors to download the screen resolution images in the current folder packed as ZIP file</li>
<li><strong>Originals</strong> = allow visitors to download the original images as ZIP file, even if you did not include them normally in the album</li>
<li><strong>The whole album</strong> = visitors can download the whole album packed as ZIP file</li>
</ul>
<p class="note">Please note, albums using extended (accented) characters in file or folder names cannot be properly unzipped on Windows, because Windows decodes these characters mapping to the viewer PC&#8217;s default character set, while Java encodes always with UTF-8 encoding (which is capable of representing any character in any language). The files can be restored properly on every other OS though.</p>
</section>
<p><span id="more-66"></span></p>
<section>
<h3>Design</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/design.jpg"><img src="http://lazaworx.com/static/turtle-settings/design.jpg" alt="" title="design" width="300" height="318" class="alignright size-medium" /></a></p>
<h5>Font family</h5>
<p>The base font for the album. Unfortunately you can choose only from a limited set of fonts that are available on most PC&#8217;s.</p>
<h5>Font size</h5>
<p>The basic font size relative to browser&#8217;s default (~14px)</p>
<h5>Headline font and size</h5>
<p>The font used on the header as album or folder title. This can be a web font too: see <a href="http://lazaworx.com/font-selection-in-turtle-skin/" title="Font selection in Turtle skin">this post</a>!</p>
<h5>Background image</h5>
<p>Select your own background image. You can also specify its position and tiling too. Please note, the &#8220;Stretch to fit&#8221; option does not work in old browsers, like IE8 and below. </p>
<h5>Use 3D effects</h5>
<p>You can turn off the 3D effects, like the drop shadows, and inner shadows if you prefer.</p>
<h5>Stick controls to top</h5>
<p>Stick the control bar to the top of the screen / right below the thumbnail scroll area.</p>
<h5>Colors</h5>
<p>Specify the page colors here.</p>
<h5>Border color and width</h5>
<p>The normal images can have a border specified here. Set &#8216;Border width&#8217; to 0 if you don&#8217;t need the border.<br />
</section>
<section>
<h3>Header</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/header.jpg"><img src="http://lazaworx.com/static/turtle-settings/header.jpg" alt="" title="header" width="300" height="318" class="alignright size-medium" /></a></p>
<h5>Theme image size</h5>
<p>Specify here the top &#8220;theme&#8221; image size dimensions. The default is 900&#215;300 px which yields a normal (horizontally split) layout. If you&#8217;d prefer the vertically split arrangement, use a portrait image size here, e.g. 400&#215;500.</p>
<h5>Same image in subfolders</h5>
<p>Use this option if you want the same image appear in the subfolders, as you chose as album thumbnail (a.k.a the top level folder&#8217;s &#8220;Folder thumbnail&#8221;).</p>
<h5>Height on Pages</h5>
<p>The height of the theme image on Pages, like &#8220;Contact&#8221; or &#8220;Sitemap&#8221;. By default it is 80 the smallest possible height.</p>
<h5>Height on Subfolders</h5>
<p>The height on subfolders. Please note, if you use the &#8220;Same image in subfolders&#8221; option this can&#8217;t be higher than the theme image height.</p>
<h5>Album description visible by default</h5>
<p>You can choose if the description (given in the Settings / General panel for the whole album or in the Edit mode for the subalbums) is visible by default or only when the visitor moves the mouse over the header area.</p>
<h5>Show &#8220;Start slideshow&#8221;</h5>
<p>Do you want a &#8220;Start slideshow&#8221; button over the theme image area.</p>
<h5>Album info window</h5>
<p>You can add an &#8220;Info&#8221; window to your albums. An (i) button will appear on the header&#8217;s top rigth corner, and clicking it the header will be displayed on a popup window. You can put simple or formatted text here, or even HTML code. Make sure to turn off <code>Preformat texts on pages, album info and footer</code> on the <code>Advanced panel</code>. You can also control if this info should be added to only the top level album page or to all pages with the <code>Top level only</code> box.</p>
<p class="note"><strong>Reducing the theme image size</strong> If most of your visitors using laptops or other low resolution devices you might want to reduce the splash image height. E.g. 750x250px should work even on 800x600px screens.</p>
<p class="note"><strong>Excluding the theme image from the album</strong> Simply right click the thumbnail and choose &#8220;Use as folder thumbnail&#8221; and &#8220;Exclude&#8221; it before you make the album. This way the image will only serve as theme image but not get into the album.</p>
<p class="note"><strong>Simple text formatting</strong> bold <code>*foo*</code> = <strong>foo</strong>     italic: <code>+foo+</code> = <em>foo</em>     underline: <code>_foo_ </code>= <span style="text-decoration: underline;">foo</span><br />
image: <code>!http://c3.jalbum.net/res/icons/languages/16x16/sv.png!</code>    <img src="http://c3.jalbum.net/res/icons/languages/16x16/sv.png" alt="" /><br />
link: <code>[http://jalbum.net/]</code> <a href="http://jalbum.net/">http://jalbum.net/</a><br />
named link: <code>[Visit jAlbum.net!|http://jalbum.net/]</code>    <a href="http://jalbum.net/">Visit jAlbum.net!</a><br />
you can even link through an image:<br />
<code>[!http://c3.jalbum.net/res/icons/languages/16x16/sv.png!|http://jalbum.net/]</code> <a href="http://jalbum.net/"><img src="http://c3.jalbum.net/res/icons/languages/16x16/sv.png" alt="" /></a></p>
<p class="note"><strong>HTML formatting </strong>You can use HTML tags to format your header or footer. Even Javascript code! Please note, the code might be broken if you don&#8217;t turn off the <strong>Preformat text</strong> option! Example:<br />
<textarea style="display: block; width: 96%; font-size: 12px; color: #666; padding: 2%; height: 4em;" name="metadata_orig" readonly="readonly">&lt;img src=&#8221;http://mysite.com/logo.png&#8221; style=&#8221;float:left;&#8221; /&gt;<br />
&lt;h2&gt;Welcome to my site!&lt;/h2&gt;<br />
&lt;p&gt;Lorem ipsum dolor sit amed&#8230;&lt;/p&gt;</textarea></p>
</section>
<section>
<h3>Thumbnails</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/thumbnails.jpg"><img src="http://lazaworx.com/static/turtle-settings/thumbnails.jpg" alt="" title="thumbnails" width="300" height="318" class="alignright size-medium" /></a></p>
<h5>Mark files &#8220;new&#8221; less than &#8230; days old</h5>
<p>Mark files with a small [NEW] label if they are new <strong>at the time of viewing</strong>. Put 0 here to skip the sign.</p>
<h5>Reference</h5>
<ul>
<li><strong>Date taken</strong> = The date when the photo was taken regardless of later modifications</li>
<li><strong>File modified</strong> = The last modified date</li>
</ul>
<h5>Fixed shape thumbnails</h5>
<p>Crop all thumbnails to the same size or keep their original proportions, i.e. show all the pictures uncropped (which results in mixed portrait and landscape thumbnails).</p>
<h5>Zoom</h5>
<p>You can prezoom the thumbnails to have a narrower crop. Use 0% to get the least cropped.</p>
<h5>Items order</h5>
<p>The order of the Folder / Page / Image groups. The default is Folders &rarr; Pages &rarr; Images</p>
<h4>Folders</h4>
<h5>Show description</h5>
<p>Choose to show the folder description along with the folder thumbnails (added in Edit mode).</p>
<h5>Show image count</h5>
<p>You can choose if you want to display the image count in the folders.</p>
<h4>Pages</h4>
<h5>Show page excerpt</h5>
<p>You can also display a short excerpt from the custom pages sans HTML codes (max. 128 chars).</p>
<h4>Images</h4>
<h5>Place thumbnail captions</h5>
<p>Display the thumbnail captions on the index page <code>as tooltip</code> (display only on mouse over) or fixed <code>below</code>.</p>
<h5>Caption template</h5>
<p>The caption to be displayed along with the image thumbnails. Can contain HTML code and <a href="http://jalbum.net/en/developer/skins/variables" title="jAlbum variables" target="_blank">jAlbum variables</a>.</p>
<p class="clear note">Use plain text or HTML (standard: <a href="http://en.wikipedia.org/wiki/HTML5">HTML5</a>).<br />
Here is the full list of <a href="http://jalbum.net/developer/skins/variables">Jalbum variables</a> you can use here. Format: <strong>${variableName}</strong></p>
</section>
<section>
<h3>Footer</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/footer.jpg"><img src="http://lazaworx.com/static/turtle-settings/footer.jpg" alt="" title="footer" width="300" height="318" class="alignright size-medium" /></a></p>
<h5>Show image count</h5>
<p>Display the number of images in the current folder and subfolders in total.</p>
<h5>Show bottom navigation</h5>
<p>Show a top level-only navigation bar in the footer.</p>
<h5>Custom link</h5>
<p>You can have a custom link at the bottom of the splash page. Put the link in the <code>URL</code> box, e.g. &#8220;http://mysite.com/&#8221; or if you want a mail link: &#8220;mailto:me@mail.com&#8221;. Use the <code>Link text</code> box to specify the text to display with the above link, e.g. &#8220;Visit my site&#8221; or &#8220;Email&#8221;.</p>
<h5>Show &#8220;Help&#8221; link</h5>
<p>You can skip the help link from the footer if you deselect this option. Your visitors can still use the <code>F1</code> key to get to the help.</p>
<h5>Custom content</h5>
<p>You can add a custom content to the footer area, just above the bottom links. Use simple or formatted text here, or even HTML code. Make sure to turn off <code>Preformat texts on pages, album info and footer</code> on the <code>Advanced panel</code>. You can also control if this info should be added to only the top level album page or to all pages with the <code>Top level only</code> box. See the preformat options above in the Header section.<br />
</section>
<section>
<h3>Images</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/images.jpg"><img src="http://lazaworx.com/static/turtle-settings/images.jpg" alt="" title="images" width="300" height="318" class="alignright size-medium" /></a></p>
<h5>Transition</h5>
<p>Cross image transition type and speed (in milliseconds). <strong>Cross fade</strong>, <strong>Cross fade + Zoom</strong> and <strong>None</strong> is available. Use <strong>Cross fade</strong> for better viewing experience on less capable devices or use <strong>None</strong> if you want to avoid all transitions.</p>
<h5>Speed</h5>
<p>The length of the transition in milliseconds (1000 = 1 second)</p>
<h5>Slideshow delay</h5>
<p>The time interval beetween each image used in slideshow mode.</p>
<h5>Loop</h5>
<p>Do you want the slideshow and navigation return to the first image without warning the visitor after moving beyond the last image?</p>
<h5>Auto-start</h5>
<p>Select this if you want the slideshow automatically start on pages with no subfolders. If there are folders, the automatic slideshow will not start automatically to allow visitors navigate into the subfolders.</p>
<h5>Go full screen</h5>
<p>When the slideshow is initiated (by the user or by the auto-start option) the browser will go into <strong>Full-screen mode</strong>. This feature is not supported by IE 8 and below. After returning to the index page the browser will go back to normal &#8220;windowed&#8221; mode.</p>
<h5>After the last image</h5>
<p>The visitor can decide on where to go next: Do nothing | Start over | Up one level | Back to index page | Ask</p>
<h5>Fit images to browser</h5>
<p>Do you want the images resized to fit into the browser at first visit?</p>
<h5>Shrink only</h5>
<p>Images will not be enlarged beyond their original size (1:1)</p>
<h5>Automatic image correction</h5>
<p>Automatic Color, Contrast and Levels correction on all images. If you don&#8217;t have it already in jAlbum you need to install <a href="http://blog.jalbum.net/10.7/auto_correction/AutoCorrection.jaext" title="Install AutoCorrection Filter!">from here</a>. Read more <a href="http://jalbum.net/blog/entry/auto-correction-filter/" target="_blank">here</a>.</p>
<h5>Watermark</h5>
<p>You can add a small watermark at the bottom right corner of each image.</p>
<h5>Watermark position, strength and font size</h5>
<p>You can control the watermark&#8217;s position on the image, its strength (0 = invisible, 100 = full opaque), and font size.</p>
<h4>Visibility</h4>
<h5>Thumbnails visible by default</h5>
<p>Do you want the thumbnail panel above the images be visible at first visit?</p>
<h5>Reduce thumbs on image page</h5>
<p>You can have smaller thumbnails on the image page in the top scroller area, according to the ratio specified here.</p>
<h5>Info panel visible by default</h5>
<p>Do you want the info panel below the images be visible at first visit?</p>
<h5>Open by default: Photo data | Regions | Map | Selling photos</h5>
<p>Choose which panels of the info panel to be visible at the first visit.</p>
<h5>Show image numbers</h5>
<p>Are the current / total image numbers to show on the Info panel?</p>
<h5>Caption template</h5>
<p>The caption to be displayed on the Info panel. Can contain HTML code and <a href="http://jalbum.net/en/developer/skins/variables" title="jAlbum variables" target="_blank">jAlbum variables</a>.</p>
<p class="note"><strong>With the visibility options the visitor preferences will take precedence within an hour</strong> Please note, when the visitor hides/shows a panel or change the 1:1 / Fit to window view the preference will be saved as a cookie, and this will be applied to other album pages within 1 hour. After that time the above default behavior will be applied again. When you test the local site, the cookie will not be saved in order to see what your visitor will see.</p>
</section>
<section>
<h3>Social</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/social.jpg"><img src="http://lazaworx.com/static/turtle-settings/social.jpg" alt="" title="social" width="300" height="318" class="alignright size-medium" /></a></p>
<p class="lead">Let the visitors share your album over social sites in email or &#8216;Like&#8217; them.</p>
<h4>Buttons</h4>
<p>Facebook&#8217;s &#8216;Like&#8217;, Twitter&#8217;s Tweet, Google +1, or Tumblr buttons with counters, where available. The visitor need to be signed in to the site to be able post his/her like.</p>
<h4>Share on</h4>
<p>The sites you can share on your photos:  Facebook,  Twitter,  Digg,  Delicious,  MySpace,  StumbleUpon, Reddit, or via email.</p>
<h4>Commenting</h4>
<h5>Enable Facebook commenting</h5>
<p>Turn on to enable Facebook commenting application on the index pages</p>
<h5>Facebook App ID</h5>
<p>The App ID can be copied from <a href="https://developers.facebook.com/apps" title="Facebook Apps" target="_blank">this page</a>. In order you able to use this tool, you need to create a new app on that page <code>+ Create new app</code>.</p>
<h5>Number of posts to show</h5>
<p>By default Facebook shows the <strong>3 most relevant posts</strong> only, but visitors can click on the <code>Show more</code> button any time to see more posts. You can control the number posts to be show initially with this setting. </p>
<p class="clear note">Please note, that <strong>Facebook&#8217;s share function can&#8217;t always fetch the album thumbnails</strong>. Make sure to fill in the <code>Advanced / Upload path</code> box before you Make the album. Use the <strong>path without and ending slash</strong> if you are uploading an album to the folder named same as the album name, or use the full path with ending slash if you are uploading to a differently named folder.</p>
<p class="clear note">Please note, Facebook does not sort the messages by date, instead it tries to figure out the &#8220;importance&#8221; of the posts, and puts the most relevant ones on the top.</p>
</section>
<section>
<h3>Photo data</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/photodata.jpg"><img src="http://lazaworx.com/static/turtle-settings/photodata.jpg" alt="" title="photodata" width="300" height="318" class="alignright size-medium wp-image-843" /></a></p>
<p class="lead">Normally several extra data is attached by the camera (Exif) about the exposure parameters, like ISO vlaue, focal length, lens, etc. You can also attach many data by yourself to pictures using the <strong>Iptc</strong> or <strong>Xmp</strong> standards using image toools, or simply by Windows / Properties.</p>
<h5>Show regions (Face tags)</h5>
<p>You can add face (or area) tagging to photos in <strong>Picasa</strong> or <strong>Windows Live Photo Gallery</strong>. Make sure to turn on <code>Tools / Options / Name tags / Store name tags in photo</code> in Picasa before you start tagging the photos, otherwise they will not be saved into the pictures. If you have concerns about Picasa writing back Xmp tags to your originals, please make a backup first, or do it on duplicates. You can control which folders to use in <code>Tools / Folder manager</code>.</p>
<h5>Show photo data</h5>
<p>Global switch if to show the embedded Exif, Xmp or Iptc data in photos</p>
<h5>Metadata to display</h5>
<p>The metadata labels to look for. Separate them by commas &#8216;,&#8217;. If you need only one value from similar fields use the pipe symbol &#8216;|&#8217; to group them. The first found value will be displayed.</p>
<h5>Show with label</h5>
<p>Show only the value, or show along with its label. E.g. <code>17-55mm</code> or <code>Lens:17-55mm</code></p>
<p class="clear note">Here is the original setting in case you need to restore:<textarea id="metadata_orig" style="display: block; width: 100%; height: 9em; font-size: 10px; color: #999;" onclick="select('metadata_orig');" name="metadata_orig" readonly="readonly">photographer|artist|Artist|Owner|Copyright|Iptc.By-line|Iptc.Copyright Notice, Xmp.Creator, Xmp.Title, objectName, Xmp.Subject, Xmp.Description, Iptc.keywords, Xmp.Format, Xmp.Rights, Xmp.Identifier, Xmp.Label, Country/Primary Location, Province/State, City, Sub-location, originalDate|Date/Time Original|Date/Time|CreateDate|ModifyDate, camera|Model, lens|Lens|Xmp.Lens-Information|Canon Makernote.Unknown tag (0&#215;0095), focalLength35mm|focusDistance|Focal Length|Focallength, SubjectDistance, meteringMode|Metering Mode, isoEquivalent|ISO Speed Ratings, exposureTime|Exposure Time|Shutter Speed Value|ShutterSpeedValue, Aperture Value|aperture|F-Number|FNumber|Aperturevalue, Exposure Bias Value, Exposure Program|Exposureprogram|Exposure Mode, Xmp.SceneType, White Balance|WhiteBalance, Xmp.ColorSpace, Xmp.LightSource, flash|Flash, resolution</textarea>Copy and paste back to Jalbum.</p>
</section>
<section>
<h3>Map</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/map.jpg"><img src="http://lazaworx.com/static/turtle-settings/map.jpg" alt="" title="map" width="300" height="318" class="alignright size-medium wp-image-842" /></a></p>
<p class="lead">In Turtle you have two options to attach GPS location to pictures. You can add the coordinates the traditional way using some GeoTagging application, like Picasa, or simply add the coordinates within Jalbum.</p>
<h5>Show map if GPS coordinates found</h5>
<p>Show a Google Maps map with each photo holding GPS data.</p>
<h5>All photos</h5>
<p>All placemarks will placed on map, with the current one highlighted. You can also click through the placemarks to see the other photos.</p>
<h5>Initial view</h5>
<p>You can choose: Road map, Satellite, Hybrid and Terrain</p>
<h5>Initial zoom</h5>
<p>Zoom level: 0=Earth view &#8230; 20=highest zoom (dafault=18)<br />
<img src="http://lazaworx.com/static/turtle-settings/imagedata.jpg" alt="" title="imagedata" width="199" height="195" class="alignright size-full wp-image-854" /></p>
<h4>Geotagging with the skin</h4>
<p class="lead">In Turtle you can attach GPS coordinates to your photos.</p>
<h5>Location (lat, lon)</h5>
<p>You can add a coordinate to any picture by using the<strong> Image Data -&gt; Location</strong> box in the bottom right corner (Edit mode). Use Google maps GPS format: 00.0000, 00.00000. Eastern and Southern coordinates should be preceeded with &#8216;-&#8217; sign.</p>
<p class="note">Find the exact coordinates in <a href="http://maps.google.com" target="_blank" rel="nofollow">Google Maps</a> then click the &#8220;Link icon&#8221; and find the coordinates in the link, <code>&#038;ll=0.123456,-9.87654</code>. Copy only the numbers (separated by a comma) to the location box.</p>
<p class="note">Please note, the coordinates will not be saved to the photo, they will be available only in the current album.</p>
</section>
<section>
<h3>Selling photos</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/sellingphotos.jpg"><img src="http://lazaworx.com/static/turtle-settings/sellingphotos.jpg" alt="" title="sellingphotos" width="300" height="318" class="alignright size-medium wp-image-844" /></a></p>
<h4>Shopping Cart</h4>
<h5>Add a smart shopping cart to your pages</h5>
<p>Global switch for the shopping cart integration. Please note, that this feature works only if you have a <strong>Premium</strong> or <strong>Power</strong> account or have a <strong>PRO license</strong>.</p>
<h5>Gateway</h5>
<p>The payment processor site. You can currently use <strong>Paypal</strong> or <strong>Google Checkout</strong>.</p>
<h5>Seller ID</h5>
<p>Your Paypal ID (your email used with PP) or Google Checkout seller ID (14 digits). You need to sign up with the payment site first. Please note, that due to a jAlbum anomaly you need to add your Google ID with a &#8216;=&#8217; or &#8216;*&#8217; as first character.</p>
<h5>Currency</h5>
<p>Choose the currency, or give the <a href="http://www.xe.com/iso4217.php">3 letter currency code</a> if not found in the list.</p>
<h5>Overall handling</h5>
<p>An overall handling fee added only once per finished cart. You can use this as Package and Posting fee.</p>
<h5>Quantity cap</h5>
<p>If you want to limit the number of items can be bought by a customer put a number here. (0 or empty = unlimited) If you put 1 here there will be no quantity box with the shopping cart.</p>
<h5>Shopping options</h5>
<p>Put the options in separate lines. Use this format: <code>Option name=price+shipping</code> Please never use the currency sign here, as Paypal allows specifying the currency only in the <code>currency</code> field.<br />
<img src="http://lazaworx.com/static/turtle-settings/imagedata.jpg" alt="" title="imagedata" width="199" height="195" class="alignright size-full wp-image-854" /></p>
<h4>Adding individual shopping options to pictures</h4>
<p class="lead">You can add individual shopping options to pictures at the <strong>Image data -&gt; Shop options</strong> box in the bottom right corner in Edit mode (see at Maps section). For pictures with no individual data the defaults will be used from the Selling photos panel, see above.</p>
<h4 style="clear:both;">Fotomoto</h4>
<p class="lead">Fotomoto is a web application by which you can sell Prints, Posters, Downloads, and let users send eCards. In order to use their service you need to <a href="http://my.fotomoto.com/signup" title="Sign up with Fotomoto!" target="_blank">Sign up</a> with them first.</p>
<h5>Use Fotomoto</h5>
<p>Turn this on if you want Fotomoto integration added</p>
<h5>Seller ID</h5>
<p>Your unique store ID &ndash; copy it from your <a href="http://my.fotomoto.com/stores/settings" title="Fotomoto Settings" target="_blank">Fotomoto Settings</a> page.<br />
</section>
<section>
<h3>Audio and video</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/audiovideo.jpg"><img src="http://lazaworx.com/static/turtle-settings/audiovideo.jpg" alt="" title="audiovideo" width="300" height="318" class="alignright size-medium wp-image-849" /></a></p>
<h5>Auto start videos</h5>
<p>Shall the videos start automatically, or only after clicking the play button.</p>
<h5>Video size</h5>
<p>The pixel dimensions of the videos. You can specify the video sizes individually (if they are different) in the <strong>Edit Mode -&gt; Image data -&gt; Video size</strong> box.</p>
<h5>Auto start music</h5>
<p>Shall the audio files in the album start automatically?</p>
<h5>Background music</h5>
<p>Add background music to your albums. If you want the music scaled for web use, prease trasncode the MP3 file first to e.g. 96 kbit/s, joint stereo. This can reduce the music file size (and load time) the fourth of the original size.</p>
<h5>Use album audio files as background music</h5>
<p>If you select this option all audio files will be used as background music, and will be taken out of the normal album files.</p>
<h5>Auto-start</h5>
<p>Would like the background music start automatically upon page load?</p>
<h5>Loop</h5>
<p>Shall the background music start over after the last song?<br />
</section>
<section>
<h3>Advanced</h3>
<p><a href="http://lazaworx.com/static/turtle-settings/advanced.jpg"><img src="http://lazaworx.com/static/turtle-settings/advanced.jpg" alt="" title="advanced" width="300" height="318" class="alignright size-medium wp-image-884" /></a></p>
<h5>Enable mouse wheel navigation</h5>
<p>You might want to disable if the album will be embedded in another page to avoid conflicts. In Turtle the mouse wheel action is rendered to previous / next image, but this can be annoying if you just want to scroll the outer page.</p>
<h5>Enable keyboard navigation</h5>
<p>You might want to disable the keyboard if the album is embedded into another page.</p>
<h5>Right click protect</h5>
<p>Disables the right-click action on the images (only).</p>
<h5>Preformat texts on pages, album info and footer</h5>
<p>Apply formatting (*bold*, +italic+, _underline_, etc.) to texts or leave the content untouched. Turn this box off if you wish to use HTML or Javascript content in these boxes.</p>
<h5>Copy folder thumbnails to current level</h5>
<p>With this setting on Turtle will copy all the folder thumbnails to the current level&#8217;s &#8220;thumbs&#8221; folder. This is useful when you want to password-protect your sub-albums. Without this setting the visitor would be asked for the password even on the upper level page. Please note, when building the album from fresh, you might end up in broken thumbnails &#8211; please press &#8220;Make&#8221; again to let Turtle copy the appropriate thumbnails.</p>
<h5>Add ALT tags for search engines</h5>
<p>Being Turtle a dynamic skin, that is swapping the images only on user request, search engines can only find your images if the thumbnails hold all the information attached to a specific image a static way &#8211; using the so-called &#8220;ALT&#8221; tag which is the text representation of an image in the HTML standard</p>
<h5>Google Site ID</h5>
<p>Entering your site id here the album will contain the code necessary for <strong>Google Analytics</strong>, to track traffic on the page. <a href="https://www.google.com/analytics/settings/" target="_blank">Acquire the ID here.</a></p>
<h5>Upload Path</h5>
<p>Leave empty if you upload your album to jalbum.net. If you upload to your own site you need to set this path in order some social sites can pick up the album thumbnail. You can leave this field empty if you are uploading to your site root. If you are using as folder name something other than the album name, just add a slash character at the end &#8216;/&#8217;, e.g. &#8216;albums/album1/&#8217;. If you are using the default folder name jalbum offers, e.g. &#8216;My%20album&#8217; you only need to specify here the parent folder&#8217;s path, e.g. &#8216;albums&#8217;.</p>
<h5>Debug mode</h5>
<p>Turtle starts in debug mode, so all javascript code can be debugged. Useful if you have a javascript error, and want to debug / report it.</p>
<h5>Variables</h5>
<p>Variables to report on jAlbum&#8217;s System Console (F7). You can leave empty.</p>
<h4>Code to add</h4>
<p>You can attach any valid <strong>HTML</strong> code to the end of the <code>HEAD</code> and/or the <code>BODY</code> section. This is useful for adding external libraries, e.g StatCounter code. You can also add custom styles in the <code>CSS</code> box, that will be appended at the end of the style sheet, so you can easily hack the default styles.<br />
</section>
<section>
<h3>Rendering custom content to a picture</h3>
<p><img src="http://lazaworx.com/static/turtle-settings/external.jpg" alt="" title="external" width="199" height="195" class="alignright size-full wp-image-851" /></p>
<p class="lead">You can add almost any content to an album with this feature. Just add a picture to jAlbum to represent the custom content, then go to <code>Edit</code> mode and find the <code>External</code> panel in the bottom right corner.</p>
<p>Add a YouTube video embedded in an <strong>iframe</strong>, add a <strong>link</strong> to an external site, or simply copy/paste some <strong>HTML code</strong> here.</p>
<h5>Box size</h5>
<p>Specify the box size for the content here. If you are using an iframe, object or embed tag here, the skin will read its width and height, so you can safely leave this box empty.<br />
</section>
]]></content:encoded>
			<wfw:commentRss>http://lazaworx.com/turtle-skin-settings-explained/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Facebook commenting in Turtle</title>
		<link>http://lazaworx.com/facebook-commenting-in-turtle/</link>
		<comments>http://lazaworx.com/facebook-commenting-in-turtle/#comments</comments>
		<pubDate>Fri, 13 Jul 2012 16:18:41 +0000</pubDate>
		<dc:creator>Laza</dc:creator>
				<category><![CDATA[jAlbum]]></category>
		<category><![CDATA[Turtle skin]]></category>
		<category><![CDATA[Facebook Commenting]]></category>

		<guid isPermaLink="false">http://lazaworx.com/?p=938</guid>
		<description><![CDATA[Turtle skin received quite a few new features recently, still I think it&#8217;s not too hard to pinpoint which will be the most popular: Facebook commenting. Yes, even though you can create sophisticated albums with jAlbum &#038; Turtle, Facebook is &#8230; <a href="http://lazaworx.com/facebook-commenting-in-turtle/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="lead">Turtle skin received quite a few new features recently, still I think it&#8217;s not too hard to pinpoint which will be the most popular: <strong>Facebook commenting</strong>. Yes, even though you can create sophisticated albums with jAlbum &#038; Turtle, Facebook is the place your friends, family or clients (you name it) hang around. With this new tool your friends not only get <strong>notified </strong>of your fine new album, but they can <strong>comment on it instantly</strong>, and you&#8217;ll get notified of their comments right off. They can also choose to share their comments on their Facebook wall. This will make it possible to <strong>reach 100&#8242;s of people in no time</strong>. This little tutorial will show you how to add Facebook commenting to your albums.</p>
<p><a href="http://www.lazaworx.com/static/croatia2012/index.html" target="_blank"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/07/fb-commenting-sample-album-1024x907.jpg" alt="Facebook Commenting Sample Album" title="Facebook Commenting Sample Album" width="660" height="584" class="aligncenter" /></a><br />
<span id="more-938"></span></p>
<p class="center"><a href="http://www.lazaworx.com/static/croatia2012/index.html" target="_blank">Click to see the album in a new window!</a></p>
<h3>Create your album with Facebook commenting!</h3>
<p>In order you can manage your Facebook Commenting app you will need to <strong>create a new App</strong> on Facebook. This isn&#8217;t as complicated as it sounds &#8211; don&#8217;t worry, no need for coding &#8211; just give it a name and you&#8217;re good to go. Here&#8217;s the link to <a href="https://developers.facebook.com/apps" title="Facebook Developers" target="_blank">Facebook Apps</a>, or you can simply click the <code>Sign up</code> link on Turtle&#8217;s settings window and go to <code>Apps</code>.</p>
<p>Now that Facebook has created an app for you can simply <strong>copy the App ID</strong> (see below) to jAlbum&#8217;s appropriate box. The default comments to show is 3, but you can change it to whatever you like. This is not the total number of comments to show, only the number of comments shown in the initial view. The visitors can expand it always if they want to see more.</p>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<h4>Create new App</h4>
</td>
<td align="center">
<h4>Copy App ID</h4>
</td>
<td align="center">
<h4>Paste into Turtle</h4>
</td>
</tr>
<tr>
<td align="center"><a href="http://lazaworx.com/lazaworx/wp-content/uploads/2012/07/create-new-app.jpg"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/07/create-new-app-150x150.jpg" alt="Create new App" title="Create new App" width="150" height="150" class="alignnone size-thumbnail wp-image-944" /></a></td>
<td align="center"><a href="http://lazaworx.com/lazaworx/wp-content/uploads/2012/07/api-key.jpg"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/07/api-key-150x150.jpg" alt="API key" title="API key" width="150" height="150" class="alignnone size-thumbnail wp-image-946" /></a></td>
<td align="center"><a href="http://lazaworx.com/lazaworx/wp-content/uploads/2012/07/settings-panel.jpg"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/07/settings-panel-150x150.jpg" alt="Settings panel" title="Settings panel" width="150" height="150" class="alignnone size-thumbnail wp-image-947" /></a></td>
</tr>
</table>
<p></p>
<p><strong>Make </strong>the album and <strong>Upload </strong>to your site! Note, you cannot test Facebook commenting on the local Preview version, because that&#8217;s not visible from the outside.</p>
]]></content:encoded>
			<wfw:commentRss>http://lazaworx.com/facebook-commenting-in-turtle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Font selection in Turtle skin</title>
		<link>http://lazaworx.com/font-selection-in-turtle-skin/</link>
		<comments>http://lazaworx.com/font-selection-in-turtle-skin/#comments</comments>
		<pubDate>Tue, 22 May 2012 23:19:37 +0000</pubDate>
		<dc:creator>Laza</dc:creator>
				<category><![CDATA[jAlbum]]></category>
		<category><![CDATA[Turtle skin]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[google web fonts]]></category>
		<category><![CDATA[headline font]]></category>
		<category><![CDATA[web fonts]]></category>

		<guid isPermaLink="false">http://lazaworx.com/?p=898</guid>
		<description><![CDATA[Every album is different. Why should you use the same typeface for all? With version 3.3.0 came the improved font stacks to Turtle, and with 3.3.1 you can even choose a unique headline font for page titles. I will explain &#8230; <a href="http://lazaworx.com/font-selection-in-turtle-skin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="lead">Every album is different. Why should you use the same typeface for all? With version 3.3.0 came the improved font stacks to Turtle, and with 3.3.1 you can even choose a unique headline font for page titles. I will explain how these fonts work in your albums.</p>
<p>Web browsers for long time could only use the fonts found on the visitor&#8217;s PC. Therefore web designers were limited to some 10 fonts that were common on the different OS&#8217;s &#8211; you possibly seen them zillion times &#8211; like Arial, Verdana, Times, and such. Then came CSS3 with its custom font import possibilities. CSS3 is unfortunately not supported by all browsers on the market today &#8211; guess which &#8211; IE7 and 8. They require their own special font format. There is a solution exists to fix these bad guys, but I did not want to bother with supporting old browsers, and adding heavy javascript libraries to Turtle. In these browsers the headline fonts will simply fall back to the default base font.</p>
<p><span id="more-898"></span></p>
<section>
<h3>Base Font families</h3>
<p>These fonts come from the visitor&#8217;s PC. If the browser can&#8217;t find the designated font, it will try to find a similar (the next in the &#8220;font stack&#8221;). Some 27 fonts are available as global (base) fonts. This font selection will be valid for the whole album, that is for every text. (Besides the headline, see later). Therefore it is essential to use a font that&#8217;s available on the visitor&#8217;s PC, in order the page loaded as quickly as can. Here is the list:</p>
<h4>Arial</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 0px no-repeat;">&nbsp;</div>
<h4>Baskerville</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -100px no-repeat;">&nbsp;</div>
<h4>Calibri</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -200px no-repeat;">&nbsp;</div>
<h4>Cambria</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -300px no-repeat;">&nbsp;</div>
<h4>Century Gothic</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -400px no-repeat;">&nbsp;</div>
<h4>Comic Sans</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -500px no-repeat;">&nbsp;</div>
<h4>Consolas</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -600px no-repeat;">&nbsp;</div>
<h4>Constantia</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -700px no-repeat;">&nbsp;</div>
<h4>Copperplate</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -800px no-repeat;">&nbsp;</div>
<h4>Courier New</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -900px no-repeat;">&nbsp;</div>
<h4>Franklin Gothic</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -1000px no-repeat;">&nbsp;</div>
<h4>Futura</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -1100px no-repeat;">&nbsp;</div>
<h4>Garamond</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts1.jpg) 0 -1200px no-repeat;">&nbsp;</div>
<h4>Geneva</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 0px no-repeat;">&nbsp;</div>
<h4>Gill Sans</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -100px no-repeat;">&nbsp;</div>
<h4>Goudy Old Style</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -200px no-repeat;">&nbsp;</div>
<h4>Helvetica Neue</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -300px no-repeat;">&nbsp;</div>
<h4>Hoefler Text</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -400px no-repeat;">&nbsp;</div>
<h4>Impact</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -500px no-repeat;">&nbsp;</div>
<h4>Lucida Bright</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -600px no-repeat;">&nbsp;</div>
<h4>Lucida Sans</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -700px no-repeat;">&nbsp;</div>
<h4>Palatino</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -800px no-repeat;">&nbsp;</div>
<h4>Segoe</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -900px no-repeat;">&nbsp;</div>
<h4>Tahoma</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -1000px no-repeat;">&nbsp;</div>
<h4>Times</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -1100px no-repeat;">&nbsp;</div>
<h4>Trebuchet MS</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -1200px no-repeat;">&nbsp;</div>
<h4>Verdana</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts2.jpg) 0 -1300px no-repeat;">&nbsp;</div>
</section>
<section>
<h3>Headline font</h3>
<p>For the headline (page title) you can choose to keep with the base font or use another one. You can even use <strong>web fonts</strong> that come from <a href="http://www.google.com/webfonts" target="_blank">Google Web Fonts</a>. These fonts are open source so you can use them in any project: private or commercial. Please note, using a web font can make the page load a bit slower. Also these fonts are not available on Internet Explorer 7 and 8 (will fall back to the base font). Internet Explorer 9 will not display web fonts in local view due to security restrictions, but will be fine when uploaded. Here are the fonts you can use (above the base fonts):</p>
<h4>Abril Fatface</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 0px no-repeat;">&nbsp;</div>
<h4>Alex Brush</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -100px no-repeat;">&nbsp;</div>
<h4>Amaranth</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -200px no-repeat;">&nbsp;</div>
<h4>Amatic SC</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -300px no-repeat;">&nbsp;</div>
<h4>Cantata One</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -400px no-repeat;">&nbsp;</div>
<h4>Cookie</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -500px no-repeat;">&nbsp;</div>
<h4>Dancing Script</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -600px no-repeat;">&nbsp;</div>
<h4>Dosis</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -700px no-repeat;">&nbsp;</div>
<h4>Dynalight</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -800px no-repeat;">&nbsp;</div>
<h4>Emilys Candy</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -900px no-repeat;">&nbsp;</div>
<h4>Euphoria Script</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -1000px no-repeat;">&nbsp;</div>
<h4>Fridericka the Great</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -1100px no-repeat;">&nbsp;</div>
<h4>Geo</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -1200px no-repeat;">&nbsp;</div>
<h4>Germania One</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -1300px no-repeat;">&nbsp;</div>
<h4>Great Vibes</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -1400px no-repeat;">&nbsp;</div>
<h4>Gruppo</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -1500px no-repeat;">&nbsp;</div>
<h4>IM Fell English</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts3.jpg) 0 -1600px no-repeat;">&nbsp;</div>
<h4>Indie Flower</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 0px no-repeat;">&nbsp;</div>
<h4>La Belle Aurore</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -100px no-repeat;">&nbsp;</div>
<h4>Lobster</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -200px no-repeat;">&nbsp;</div>
<h4>Loved by the King</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -300px no-repeat;">&nbsp;</div>
<h4>Maiden Orange</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -400px no-repeat;">&nbsp;</div>
<h4>Mountains of Christmas</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -500px no-repeat;">&nbsp;</div>
<h4>Oswald</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -600px no-repeat;">&nbsp;</div>
<h4>Poiret One</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -700px no-repeat;">&nbsp;</div>
<h4>Princess Sofia</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -800px no-repeat;">&nbsp;</div>
<h4>PT Mono</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -900px no-repeat;">&nbsp;</div>
<h4>Shadows Into Light</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -1000px no-repeat;">&nbsp;</div>
<h4>Special Elite</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -1100px no-repeat;">&nbsp;</div>
<h4>Raleway</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -1200px no-repeat;">&nbsp;</div>
<h4>Rochester</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -1300px no-repeat;">&nbsp;</div>
<h4>Squada One</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -1400px no-repeat;">&nbsp;</div>
<h4>Ubuntu Condensed</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -1500px no-repeat;">&nbsp;</div>
<h4>Yanone Kaffeesatz</h4>
<div style="width:640px;height:100px;background:url(/static/fonts/fonts4.jpg) 0 -1600px no-repeat;">&nbsp;</div>
</section>
<p>I hope you will find the one that match best your album.</p>
]]></content:encoded>
			<wfw:commentRss>http://lazaworx.com/font-selection-in-turtle-skin/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Building Panoramic albums with Turtle</title>
		<link>http://lazaworx.com/building-panoramic-albums-with-turtle/</link>
		<comments>http://lazaworx.com/building-panoramic-albums-with-turtle/#comments</comments>
		<pubDate>Thu, 03 May 2012 08:00:49 +0000</pubDate>
		<dc:creator>Laza</dc:creator>
				<category><![CDATA[jAlbum]]></category>
		<category><![CDATA[Turtle skin]]></category>
		<category><![CDATA[panorama]]></category>
		<category><![CDATA[panoramics]]></category>

		<guid isPermaLink="false">http://lazaworx.com/?p=871</guid>
		<description><![CDATA[This feature requires at least Turtle 3.2.0.Download from here. 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. &#8230; <a href="http://lazaworx.com/building-panoramic-albums-with-turtle/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<aside class="note">This feature requires at least Turtle 3.2.0.<br />Download from <a href="http://lazaworx.com/download-turtle-skin/" title="Download Turtle skin">here</a>.</aside>
<p class="lead">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.</p>
<p>The <strong>swipe control</strong> 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 <strong>left and right arrows</strong> 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 &#8220;in vivo&#8221;.</p>
<p><a href="http://www.lazaworx.com/static/panoramic-album/"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/05/panoramic-album-1024x790.jpg" alt="" title="panoramic-album" width="660" height="509" class="aligncenter" /></a></p>
<p>Use the <em>Left</em> and <em>Right arrow</em> buttons to pan through, or move the image <em>with the mouse</em>, or simply <em>swipe</em> left and right on touch devices.</p>
<p><span id="more-871"></span></p>
<h4>Here are the settings I&#8217;ve changed:</h4>
<ul>
<li><code>Images &rarr; Image bounds &rarr; Thumbnails</code> =  <em>890&#215;120</em>, <code>Images</code> = <em>9000&#215;600</em></li>
<li><code>Turtle &rarr; Design &rarr; Stick controls to top</code> = <em>on</em></li>
<li><code>Turtle &rarr; Design &rarr; Border width</code> = <em>0</em></li>
<li><code>Turtle &rarr; Header> &rarr; Theme image size</code> = <em>900&#215;160</em></li>
<li><code>Turtle &rarr; Header &rarr; Show "Start slideshow"</code> = <em>off</em></li>
<li><code>Turtle &rarr; Thumbnails &rarr; Reduce thumbs on image pages</code> = <em>1/4</em></li>
<li><code>Turtle &rarr; Thumbnails &rarr; Place thumbnail captions</code> = <em>Below</em></li>
<li><code>Turtle &rarr; Thumbnails &rarr; Thumbnail caption</code> = <em><strong>${comment}</strong></em></li>
<li><code>Turtle &rarr; Images &rarr; Transition</code> = <em>Cross-fade</em></li>
<li><code>Turtle &rarr; Images &rarr; After the last image</code> = <em>Start over</em></li>
<li><code>Turtle &rarr; Images &rarr; Transition</code> = <em>Cross-fade</em></li>
<li><code>Turtle &rarr; Sharing, Maps, Photo data</code> &ndash; to taste</li>
</ul>
<p>The rule of thumb for <strong>thumbnails</strong> is to use the width of the <em>Theme image</em> &#8211; <em>10px</em>. For the <strong>images</strong> it is essential to specify a width wide enough to cater for all images, and control the final dimensions with the height parameter, e.g. 600px here.</p>
<p>The great thing about this that you don&#8217;t have change anything if you want to add panorama photo mixed in with the &#8220;normal&#8221; pictures. If you don&#8217;t want to tamper with the original album setting just add <code>maxImageWidth</code> <code>10000</code> in <em>Edit mode &rarr; User variables</em> (right bottom corner), in case of an album made previously. This will only affect the new photo.</p>
<p>I hope you&#8217;ll put this feature to good use, and I can see beautiful panoramic albums proliferating in the future.</p>
]]></content:encoded>
			<wfw:commentRss>http://lazaworx.com/building-panoramic-albums-with-turtle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Download Chameleon skin</title>
		<link>http://lazaworx.com/download-chameleon-skin/</link>
		<comments>http://lazaworx.com/download-chameleon-skin/#comments</comments>
		<pubDate>Wed, 04 Apr 2012 21:36:49 +0000</pubDate>
		<dc:creator>Laza</dc:creator>
				<category><![CDATA[Chameleon skin]]></category>
		<category><![CDATA[jAlbum]]></category>
		<category><![CDATA[download]]></category>

		<guid isPermaLink="false">http://lazaworx.com/?p=828</guid>
		<description><![CDATA[Download Chameleon.jaskin Double click the downloaded file to install! Sample album All skin styles Usage Chameleon skin is free for both personal and commercial projects. Chameleon 4.6.7 Fixed Compatibility issues with jAlbum 10.3 Missing skin.properties.file (continuous update attempts) Note: this &#8230; <a href="http://lazaworx.com/download-chameleon-skin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<aside class="note">
<h4>Download</h4>
<div class="button"><a href="/download/Chameleon_v467.jaskin" class="download-btn">Chameleon.jaskin</a></div>
<p>Double click the downloaded file to install!</p>
<h4>Sample album</h4>
<p><a href="/chameleon-skin-styles/">All skin styles</a></p>
<h4>Usage</h4>
<p>Chameleon skin is free for both personal and commercial projects.</p>
</aside>
<h3>Chameleon 4.6.7</h3>
<h4>Fixed</h4>
<ul>
<li>Compatibility issues with jAlbum 10.3</li>
<li>Missing skin.properties.file (continuous update attempts)</li>
</ul>
<p>Note: this version is using a call, replaces the deprecated one, which requires jAlbum 10.3 or newer</p>
<div class="clearfix"></div>
<p><span id="more-828"></span></p>
<h2>History</h2>
<section>
<h3>Chameleon 4.6.6 <small>Jan 3, 2012</small> <a href="/download/Chameleon_v466F.jaskin" class="download-btn">Chameleon_v466F.jaskin</a></h3>
<h4>Fixed</h4>
<ul>
<li>Compatibility problems with jAlbum 10.3</li>
</ul>
</section>
<section>
<h3>Chameleon 4.6.5 <small>Sep 23, 2011</small> <a href="/download/Chameleon_v465F.jaskin" class="download-btn">Chameleon_v465F.jaskin</a></h3>
<h4>Fixed</h4>
<ul>
<li>A character encoding bug (degree sign) which affected both the User interface GPS data format select box, and the ability to display Maps correctly in the album.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.6.4 <small>Sep 20, 2011</small> <a href="/download/Chameleon_v464F.jaskin" class="download-btn">Chameleon_v464F.jaskin</a></h3>
<h4>Fixed</h4>
<ul>
<li>Guestbook did not work</li>
<li>Removed incorrect version warning</li>
</ul>
</section>
<section>
<h3>Chameleon 4.6.3 <small>Oct 28, 2010</small> <a href="/download/Chameleon_v463F.jaskin" class="download-btn">Chameleon_v463F.jaskin</a></h3>
<h4>Fixed</h4>
<ul>
<li>Left and right arrow keys didn&#8217;t work in Safari</li>
<li>Credit links now open in a new window (i.e. not leaving the current album)</li>
<li>Version number is fixed to avoid continuous skin update notifications</li>
<li>Sorry for those who have downloaded before 11.05. &#8211; the version uploaded was the bundle version which has less styles. Install again to fix.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.6.2 <small>Mar 18, 2010</small> <a href="/download/Chameleon_v462F.jaskin" class="download-btn">Chameleon_v462F.jaskin</a></h3>
<h4>Fixed</h4>
<ul>
<li>Exception when trying to get the 35mm focal length equivalent with no camera name.</li>
<li>Guestbook did not initialize properly, remained black in some cases.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.6.1 <small>Mar 12, 2010</small> <a href="/download/Chameleon_v461F.jaskin" class="download-btn">Chameleon_v461F.jaskin</a></h3>
<h4>Fixed</h4>
<ul>
<li>Fixing the bug with broken album generation when using pictures holding no Exif data</li>
<li>Iptc.Sub-location is added as checked Location data. (Works only if Iptc.Location is empty.)</li>
<li></li>
</ul>
</section>
<section>
<h3>Chameleon 4.6 <small>Mar 11, 2010</small> <a href="/download/Chameleon_v46F.jaskin" class="download-btn">Chameleon_v46F.jaskin</a></h3>
<p>Please note, this version requires at least Jalbum 8.7!</p>
<h4>New feature</h4>
<ul>
<li>You can open originals in new window</li>
<li>Index / Slide page link lists can be both at top and bottom</li>
<li>Exclude Backlinks Jalbum feature supported for paid accounts</li>
<li>Handles individually selected include originals</li>
<li>Better handling of fileTitle</li>
<li>focalLength35mm Jalbum variable takes precedence over the calculated value</li>
<li>Nikon Exif Lens value read</li>
<li>Googlemaps map is centered around the real GPS location, not the nearest interesting place, as Google thinks it should</li>
<li>Spanish, korean, icelandic translation &#8211; renewed french and dutch, thanks for all the translators</li>
</ul>
</section>
<section>
<h3>Chameleon 4.5.6 <small>Dec 5, 2008</small> <a href="/download/Chameleon_v456F.jaskin" class="download-btn">Chameleon_v456F.jaskin</a></h3>
<h4>Fixed</h4>
<ul>
<li>When &#8220;Link to originals&#8221; or &#8220;Link to originals to scaled images&#8221; were selected with &#8220;Copy originals&#8221; turned off you got a broken link on the original page, seeing only the filename.</li>
</ul>
<h4>Changed</h4>
<ul>
<li>Movie frame size will be adjusted with the player controller size, thus no gap above and below can be seen.</li>
<li>In version v4.54 and 4.55 of Chameleon you needed to turn &#8220;Include originals&#8221; on if you wanted to have a link to originals with &#8220;Link to originals&#8221;or &#8220;Link to originals to scaled images&#8221; linking scheme. Now Chameleon adds the links on the slide pages even for images with &#8220;Include original&#8221; unselected. Now &#8220;Include original&#8221; is important only in &#8220;Link to scaled-down images only&#8221; linking scheme.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.5.5 <small>Dec 4, 2008</small> <a href="/download/Chameleon_v455F.jaskin" class="download-btn">Chameleon_v455F.jaskin</a></h3>
<p>in version 4.5.4:</p>
<h4>Fixed</h4>
<ul>
<li>Movie playback blocked in 4.54 is fixed </li>
<li>If you downloaded 4.5.4 before or you have received it with Jalbum 8.1 before 2008-12-05 this update is highly suggested.</li>
</ul>
<p>Chameleon version 4.5.4:</p>
<h4>New feature</h4>
<ul>
<li>New &#8220;Jump to picture top&#8221; option to scroll down every slide page to the top of the main picture when you browse through the album. Practical when you in need of more vertical space.</li>
<li>Added support for Jalbum&#8217;s new picture by picture &#8220;Include original&#8221; feature.</li>
</ul>
<h4>Changed</h4>
<ul>
<li>The original image will open in the same window and not in a popup as previously did.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.5.4 <small>Dec 3, 2008</small> <a href="/download/Chameleon_v454F.jaskin" class="download-btn">Chameleon_v454F.jaskin</a></h3>
<h4>New feature</h4>
<ul>
<li> New &#8220;Jump to picture top&#8221; option to scroll down every slide page to the top of the main picture when you browse through the album. Practical when you in need of more vertical space.</li>
<li>Added support for Jalbum&#8217;s new picture by picture &#8220;Include original&#8221; feature.</li>
</ul>
<h4>Changed</h4>
<ul>
<li>The original image will open in the same window and not in a popup as previously did.</li>
<li>Note: Chameleon version 4.54 had a bug with originalImage button which was bundled in Jalbum8.1 and you downloaded before 2008-12-03 13:00. Download this (Full) version to fix that bug.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.5.3 <small>Sep 8, 2008</small> <a href="/download/Chameleon_v453F.jaskin" class="download-btn">Chameleon_v453F.jaskin</a></h3>
<h4>New feature</h4>
<ul>
<li>New option to control the depth of blog style layout &#8211; instead of the old &#8216;Only at top&#8217; option.</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>Failing to genarate Custom Paypal shopping cart bug (with missing email and shopping option fields on User Interface) has been fixed.</li>
</ul>
<h4>Updated</h4>
<ul>
<li>Jalbum widget support has changed since 08/09/2008. In order to run the keyboard navigation of Chameleon and Commenting widget on the same album you need to upgrade your albums with this skin version, otherwise these two will interfere.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.5.2 <small>Aug 21, 2008</small> <a href="/download/Chameleon_v452F.jaskin" class="download-btn">Chameleon_v452F.jaskin</a></h3>
<ul>
<li>Service release</li>
<li>Bugfix: Scripting error with &#8216;enableMousewheel&#8217; fixed</li>
<li>Updated: Swedish and Danish tranlations</li>
</ul>
</section>
<section>
<h3>Chameleon 4.5.1 <small>Aug 19, 2008</small> <a href="/download/Chameleon_v451F.jaskin" class="download-btn">Chameleon_v451F.jaskin</a></h3>
<h4>New feature</h4>
<ul>
<li>The breadcrumb trail can be aligned left, right or center.</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>URLencoding for link to originals in image navigation was missing when &#8216;URL-encode links&#8217; was selected, now added</li>
<li>Guestbook Flash invoked with wmode=&#8221;opaque&#8221; &#8211; which is the correct way &#8211; has a bug in handling international keyboard layouts. Now the wmode parameter has been removed.</li>
<li>Guestbook has a PHP error when the email notification was turned on, now fixed</li>
</ul>
<h4>Changed</h4>
<ul>
<li>The mousewheel navigation is OFF by default</li>
</ul>
</section>
<section>
<h3>Chameleon 4.5.0 <small>Jul 18, 2008</small> <a href="/download/Chameleon_v450F.jaskin" class="download-btn">Chameleon_v450F.jaskin</a></h3>
<h4>New feature</h4>
<ul>
<li>Mouse wheel navigation on slide pages.</li>
<li>XMP fields added </li>
<li>Metadata scouting feature</li>
<li>The new File Title field added</li>
<li>Zoom in / Zoom out feature on the originals page.</li>
<li>Lithuaninan translation added thanks to Thomas Sakalauskas</li>
<li>New style Aqua added with 6 additional substyles</li>
<li>Enable / disable control for keyboard and mouse wheel navigation</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>The movie background color taken from the base style when using a substyle bug fixed</li>
<li>Focus 35mm equivalent did not appear using some camera types bug fixed</li>
<li>On some browsers (like Safari) Chameleon could not figure out the background and text color for guestbook at the time the page was loaded, so they displayed the guestbook with black letters on black background. Now guestbook is using white letters in this case.</li>
<li>Chameleon&#8217;s Keyboard navigation took over the control when using the Widgets bug is fixed.</li>
<li>The underscores are correctly replaced with spaces in Folder names.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.4.1 <small>May 7, 2008</small> <a href="/download/Chameleon_441F.jaskin" class="download-btn">Chameleon_441F.jaskin</a></h3>
<h4>New feature</h4>
<ul>
<li>Guestbook updated to version 2.2</li>
<li>&#8216;Add comment&#8217; graphics has changed (to a pencil) to make it more hintful</li>
<li>Guestbook will use the time and date format used in Jalbum. You can set up it here: Settings / Advanced / Date format. If none specified MM/dd/yy HH:mm will be used by default.</li>
<li>Added Entries per page setting for the guestbook.</li>
<li>Guestbook can be included on pages either on top or bottom position.</li>
<li>Paypal can be positioned above or below the main content too.</li>
<li>Custom Paypal has been improved a lot and you don&#8217;t need to modify index.htt and slide.htt anymore</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>Paypal ordering had problems (UTF-encoded Item name) when the folder or filename contained characters not in Western character set.</li>
<li>Custom paypal ordering didn&#8217;t add the handling fee.</li>
<li>another FLV movie bug fixed &#8211; this time the movies from the top level folder were corrupted. <img src='http://lazaworx.com/lazaworx/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
<li>Bugfix in 4.41:</li>
<li>A bug causing JavaScripts error on the index page has been fixed</li>
<li>FLV player &#8220;Buffering&#8221; text is removed for it was still on the video after started playing.</li>
<li>Please note, that from this version on, there will be 2 versions of Chameleon:</li>
<li>Full version which contains all the styles and sub-styles &#8211; here you will find the full version.</li>
<li>Bundle version which contains 22 styles &#8211; which comes with Jalbum installation.</li>
<li>(This was necessary to keep Jalbum download size small.)</li>
</ul>
</section>
<section>
<h3>Chameleon 4.3.2 <small>Feb 24, 2008</small> <a href="/download/Chameleon_v432.zip" class="download-btn">Chameleon_v432.zip</a></h3>
<h4>New feature</h4>
<ul>
<li>Starting slideshow from the index page</li>
<li>Soft: Beige, Green, Red, Yellow substyles</li>
<li>Added custom paypal shopping solution (includes/paypal_c.inc)</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>GPS coordinates got corrected in JAlbum required a small correction in Chameleon too</li>
<li>Guestbook did not work in certain circumstances from subfolders.</li>
<li>Filtering of linebreaks in titles (the small labels popup on mouse over)</li>
<li>Restored CarStereo style &#8211; it was not working in the previous version due to a typo</li>
<li>Added Snake style back to bundle</li>
<li>Guestbook notification now works if the default page extension has changed to something else than html.</li>
<li></li>
</ul>
</section>
<section>
<h3>Chameleon 4.3.1 <small>Dec 3, 2007</small> <a href="/download/Chameleon_v431.zip" class="download-btn">Chameleon_v431.zip</a></h3>
<p>Version 4.31</p>
<h4>New feature</h4>
<ul>
<li>New features (4.31):</li>
<li>Terrain Google map style added</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>Bugfix (4.31):</li>
<li>FLV movies did not play when placed in a subfolder bug fixed</li>
<li>Title tags corrected (the small labels when you move the mouse over an image or button). They did not show up corretly in Internet Explorer.</li>
</ul>
<p>Version 4.30</p>
<h4>New feature</h4>
<ul>
<li>Blog-style layout index page.</li>
<li>Automatic Image enlargement to fill in the visitors window</li>
<li>alt and title tags are added in every important place to meet the standards</li>
<li>Header / Footer can be managed from the User Interface too</li>
<li>Added User Interface icons</li>
<li>3 new styles (Christmas, Lack, Soft) and 1 new subtyle (Lack White)</li>
<li>Lens Exif field is added (Works with Canon cameras)</li>
<li>Product links can be either Text and Button</li>
<li>Shipping cost has been added to Paypal shopping options</li>
<li>Handling fee and Cartwise handling fee option added</li>
<li>An additional Select box is added to selling options</li>
<li>Quantity box added as well</li>
<li>Guestbook is updated to version 2.1.</li>
<li>You can remove the labels from the metadata fields</li>
<li>Custom path separator in the header</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>Some incompatibility with JAlbum&#8217;s and Chameleon&#8217;s Printing service feature is fixed</li>
<li>No posts get lost in the guestbook when visitors post concurrently.</li>
<li>Email notification works</li>
<li>JAlbum hangs when &#8216;&lt;&#8217; used without &#8216;&gt;&#8217; or &#8216;[' placed near the end of comment string bug fixed.</li>
<li>Broken link to CSS file in the help.html is fixed</li>
<li>Horizontal gaps between thumbnails upons loading the index page is fixed.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.2.3 <small>Aug 2, 2007</small> <a href="/download/Chameleon_v423.zip" class="download-btn">Chameleon_v423.zip</a></h3>
<ul>
<li>Fixed several issues with Guestbook. E.g. guestbook did not run on Internet Explorer. If you've downloaded v4.22 you might want to download this version.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.2.1 <small>Jul 31, 2007</small> <a href="/download/Chameleon_v421.zip" class="download-btn">Chameleon_v421.zip</a></h3>
<p>(service release)</p>
<h4>New feature</h4>
<ul>
<li>Added controls for Guestbook highlight color</li>
<li>and font size</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>Guestbook previously had problems with non-english keyboard layouts, fixed</li>
<li>Czech translation went wrong in the previous version, fixed</li>
<li>HTML page search keywords were not filtered for the required language in multilingual albums, fixed</li>
<li>Guestbook was showing "1. [] null&#8221; on certain servers when no entries were added yet, fixed</li>
<li>(The old guest book left in the version uploaded as v421 before 12:00PM CET 30/07/2007 &#8211; 6 downloads &#8211; please, download again!)</li>
</ul>
</section>
<section>
<h3>Chameleon 4.2.0 <small>Jul 24, 2007</small> <a href="/download/Chameleon_v420.zip" class="download-btn">Chameleon_v420.zip</a></h3>
<h4>New feature</h4>
<ul>
<li>XHTML 1.0 Transitional pages generated. Browsers will support this standard for a longer time, and you can integrate the gallery into Content Management Systems more easily.</li>
<li>Improved Guestbook with optional rating, custom size, ordering, Email notification</li>
<li>Selling Photos via Paypal feature</li>
<li>Download icon now can be turned off if not needed</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>Google Maps link did not work on systems (or Java versions) using comma &#8216;,&#8217; instead of dot &#8216;.&#8217; as decimal sign, like French, German, etc.</li>
<li>The uplink was not compatible with MyJalbum&#8217;s main gallery address. Fixed.</li>
<li>The Numbered linklist got unlimited when the number of rows set to &#8217;0&#8242; (unlimited rows). Fixed.</li>
<li></li>
</ul>
</section>
<section>
<h3>Chameleon 4.1.1 <small>May 15, 2007</small> <a href="/download/Chameleon_v411.zip" class="download-btn">Chameleon_v411.zip</a></h3>
<h4>New feature</h4>
<ul>
<li>GPS position formatting </li>
<li>Link to map parameters added (Map type, Zoom level, Open in new window) </li>
</ul>
<h4>Fixed</h4>
<ul>
<li>Guestbook was not working on certain PHP configurations (5.05, 5.22). Fixed. </li>
<li>&#8220;NEW&#8221; indicator reported incorrectly on virtual folders. Fixed. </li>
<li>Sound attachments cannot be found in virtual folders problem solved.</li>
</ul>
</section>
<section>
<h3>Chameleon 4.1.0 <small>May 7, 2007</small> <a href="/download/Chameleon_v410.zip" class="download-btn">Chameleon_v410.zip</a></h3>
<ul>
<li>Support for multilingual albums</li>
<li>GPS data processing</li>
<li>Link to map feature with both GPS data and Iptc location fields</li>
<li>35 mm focus equivalent computing (thanks to BluePlusPlus team for the lens data file)</li>
<li>Comment now can be attached to enhanced pictures too</li>
<li>Automatic maximize browser window feature</li>
<li>Uplink title can be specified in order to display it in the clickable path (Useful for multi-level albums.)</li>
<li>Thumblist on the slide page can be positioned left or rigth too, relative to the main picture</li>
<li>Copyright info on slide pages can be turned off</li>
<li>File chooser has been added to the Logo filter (you don&#8217;t have to manually add the filename)</li>
<li>You can have Guestbook only on the main index page</li>
<li>Updated serbian translation by Goran Milovanovic, russian by Mike Sazonov</li>
</ul>
<h4>Fixed</h4>
<ul>
<li>FixedShape filter bug (when used with Large thumbnails for folders) is fixed</li>
<li>Folder with no description inherits the parent&#8217;s description bug is fixed</li>
<li>Chameleon will detect and use the folders thumbnails even if their name contain extended (accented) characters â?? previously those files were copied with a wrong filename.</li>
<li>No unnecessary uplink button is generated when no index.html exists in the parent folder and &#8220;Uplink&#8221; is set to &#8220;default&#8221;</li>
</ul>
</section>
<section>
<h3>Chameleon 4.0.3 <small>Feb 8, 2007</small> <a href="/download/Chameleon_v403.zip" class="download-btn">Chameleon_v403.zip</a></h3>
<ul>
<li>New feature: You can disable the folder name under the thumbnail. New polish translation. Some bugfixes, and corrected help files. See http://lazaworx.com/chameleon/download</li>
</ul>
</section>
<section>
<h3>Chameleon 4.0.2 <small>Feb 5, 2007</small> <a href="/download/Chameleon_v402.zip" class="download-btn">Chameleon_v402.zip</a></h3>
<ul>
<li>Browser title missing space fixed. &#8220;XHTML / Transitional&#8221; compliance. (An annoying popup window with some debugging info has been left in the code when you use enhanced pictures. Please download again if you&#8217;ve downloaded this version on 04/02/2007.) Another bug is also corrected regarding the download link to reduced size images (when the icon is above the picture). Sorry!</li>
</ul>
</section>
<section>
<h3>Chameleon 4.0.1 <small>Feb 4, 2007</small> <a href="/download/Chameleon_v401.zip" class="download-btn">Chameleon_v401.zip</a></h3>
<ul>
<li>Some bugfixes (see: http://lazaworx.com) and new features: &#8220;Force link to empty folders&#8221;, &#8220;Show thumb title&#8221;, Language box with full name, Max. thumb size is 128x128px for Graphic type thumbnails, Using &#8220;None&#8221; as Slidemount background the folder thumbnails will also show without slidemount, Grayscale effect for Indexpage thumbnails (works only with IE), Complete simplified chinese translation by Marcus Tsang </li>
</ul>
</section>
<section>
<h3>Chameleon 4.0 <small>Feb 1, 2007</small> <a href="/download/Chameleon_v40.zip" class="download-btn">Chameleon_v40.zip</a></h3>
<ul>
<li>This version is bundled with JAlbum v7.0 but still compatible with older versions. The most of the code is compiled into Java which yields cca. 3 times quicker rebuild times. New features: Albuminfo inside/apart from table | New Exposure Bias exif field  | Exposure Mode for non-Canon cameras | Fixed Folder thumbnails for virtual albums | </li>
<li>Em-square and Zoom filters for closeups | New style: White with 5 sub-styles |</li>
<li>Redesigned User interface to fit with JAlbum v7 better | The Folder thumbnails are copied to the current level&#8217;s &#8220;thumbs&#8221; folder forthe sake of password-protected sub-albums | The &#8220;This&#8221; type enhanced pictures are resized and applied all the filters the closeups have | Complete, redesigned help | Sub-styles: the original styles&#8217; color variations | Added substyles for Aluminium, Black, Carstereo, Device, White styles | Configurable field-separator string | You can choose the album&#8217;s base text type and size | Color input can be hexadecimal | Thumblist can be on both sides | Guestbook on the indexpages | Re-designed sleeker guestbook. | Chinese translation | Updated Danish, Dutch, German, Finnish, Czech, Ukrainian, French translations.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.42 <small>Oct 10, 2006</small></h3>
<ul>
<li>Guestbook / Movie can play in original size / XP comment fields added / More Iptc fields / Custom links can be relative / Metedata fields are added to page keywords for search engines / For complete list refer to help file.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.40 <small>Sep 11, 2006</small></h3>
<ul>
<li>4 new styles: Chrome, Glass, Oldbook, Wedding / Improved performance / Thumbnail spacing, border, background style, text rendering is configurable / Automatic start of movies can be switched off / Media embedding has been totally redesigned. / New Exif field: White balance / A wide range of IPTC fileds added</li>
</ul>
</section>
<section>
<h3>Chameleon 3.32 <small>Aug 6, 2006</small></h3>
<ul>
<li>The NEW label now means the file is new at the time of viewing. / Custom color scrollbars / Download icon in color / Print ordering now works from the index page / the Custom Links opening can be controlled separately.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.31 <small>Aug 2, 2006</small></h3>
<ul>
<li>A small bug is fixed regarding the display of Exif ISO setting even if switched off. Updated danish translation by Jacob a.k.a craps.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.30 <small>Aug 1, 2006</small></h3>
<ul>
<li>Voice annotations / ISO setting bug with Canon EOS machines is fixed / Album Total images and Last Updated field appears only on the root index page / Two Custom links can be added.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.23 <small>Jul 28, 2006</small></h3>
<ul>
<li>v3.22 Had some nasty bugs related to tables, now this is fixed. (I hope so.) / No linklist nor thumblist is generated when only one page exists / The default row-count is set to 0, i.e. continuous view / From v3.22: The Album info, JAlbum Copyright and Help grouped into one box to spare with vertical space. / &#8220;Help&#8221; text instead of help icon.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.21 <small>Jul 27, 2006</small></h3>
<ul>
<li>Version 3.20 had a minor bug &#8211; the default Black style had gray background by mistake. New: Flash Video playing added, thanks to Jeroen Wijering.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.11 <small>Jul 16, 2006</small></h3>
<ul>
<li>Service release. Unnecessary border around folders in Large thumbs mode has been removed. Exception caused by extensionless files is eliminated.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.10 <small>Jul 14, 2006</small></h3>
<ul>
<li>The real 3.10!!! <img src='http://lazaworx.com/lazaworx/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  New Border and Logo filter + lots of esthetic changes, and bugfixes. Slovenian translation by Igor Trcek.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.4 <small>Jul 7, 2006</small></h3>
<ul>
<li>Version 3.04!!! Slide mounts can be disabled, some bugfixes too.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.3 <small>May 23, 2006</small></h3>
<ul>
<li>&#8220;New&#8221; sign for modified files/folders. Thanks for oli (france)! / .divx movies / Windows Media Player is now the default player for .avi files / Uderscores are replaced with spaces</li>
</ul>
</section>
<section>
<h3>Chameleon 3.2 <small>May 19, 2006</small></h3>
<ul>
<li>Version 3.02, not 3.2!!! Thumblist is looking a lot better. / Printing service is disabled from local disks. / Some new filetypes supported. / Corrected Czech translation. / Plural form for &#8220;images&#8221; on folder file count. / Default image size is: 720x540px. Those who&#8217;ve already downloaded this version: the only change is the two latter &#8211; download only if you need that.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.1 <small>May 9, 2006</small></h3>
<ul>
<li>Service release.</li>
</ul>
</section>
<section>
<h3>Chameleon 3.0 <small>May 8, 2006</small></h3>
<ul>
<li>The new major version has several improvements, like embedded movies, mini thumbnails on slide pages, and user can control what to display and where. Some translations are still misiing.</li>
</ul>
</section>
<section>
<h3>Chameleon 2.92 <small>Mar 28, 2006</small></h3>
<ul>
<li>NEW: Large thumbnails for folders / Reference to footer.inc / Copy protection / Originals open in &#8220;extra&#8221; slide pages / Option to disable the &#8220;Mark of the Web&#8221; line / Bigger, nicer icons for other filetypes / Detailed Help</li>
</ul>
</section>
<section>
<h3>Chameleon 2.91 <small>Mar 7, 2006</small></h3>
<ul>
<li>Russian (Mike Sazonov) and Finnish Translation (Ulla Saarinen) / Some bugfixes &#8211; see Readme.txt!</li>
</ul>
</section>
<section>
<h3>Chameleon 2.90 <small>Feb 7, 2006</small></h3>
<ul>
<li>Chameleon v2.9 &#8211; New features: You can disable the easy navigation on slides / The current page is highlighted in the link-list / See Readme.txt for the complete list!</li>
</ul>
</section>
<section>
<h3>Chameleon 2.80 <small>Jan 20, 2006</small></h3>
<ul>
<li>New feature: Slideshow can loop / New languages: Portugues, Ukrainian translation / Minor bugfixes: &#8220;../index.html&#8221; instead of &#8220;..\index.html&#8221; which caused broken link</li>
</ul>
</section>
<section>
<h3>Chameleon 2.71 <small>Dec 31, 2005</small></h3>
<ul>
<li>This version has several bugfixes, plus this version generates valid HTML and CSS pages.</li>
</ul>
</section>
<section>
<h3>Chameleon 2.60 <small>Nov 11, 2005</small></h3>
<ul>
<li>Several bugfixes related to the new features of JAlbum. New features: Mouse navigaton on the slide pictures. Possibility to disable the Date field in the header of slides.    WARNING!!! This version is compatible with the forthcoming improved JAlbum version, whatever it is. With v6 it writes out false directory names. I only uploaded this version because now I&#8217;m travelling abroad for a longer period.</li>
</ul>
</section>
<section>
<h3>Chameleon 2.51 <small>Nov 4, 2005</small></h3>
<ul>
<li>From this version on Chameleon is compatible with JAlbum v6.0 or later. A bug is fixed related to comments in the slide page header. Some other minor modifications too.</li>
</ul>
</section>
<section>
<h3>Chameleon 2.50 <small>Oct 28, 2005</small></h3>
<ul>
<li>Finally I decided to rename the skin, because it has nothing to do with &#8220;OSX&#8221; and &#8220;dark&#8221; anymore. Thanks to David Ekholm for the idea. // 3 new styles: Gold, Silver, OrangeBlue, 1 modified: 3D light // 1 new language: Slovakian Translated by ryzko // The custom Album Name did not work in the past releases &#8211; it is now fixed. Some improvements in keyboard handling (though Opera still won&#8217;t accept some keys). Resolved disappearing thumbs using Norton Internet Security firewall (hopefully). // !!! Who already downloaded (9 user) this version before 28/10/05 9:30AM, reload it because I found a scripting error which prevents the automatic slideshow starting on the last index page. !!!</li>
</ul>
</section>
<section>
<h3>Chameleon 2.41 <small>Oct 7, 2005</small></h3>
<ul>
<li>The &#8220;java.lang.ArrayIndexOutOfBoundsException&#8221; bug has been fixed.</li>
</ul>
</section>
<section>
<h3>Chameleon 2.4 <small>Sep 30, 2005</small></h3>
<ul>
<li>2 new styles. 4 new languages: French, Italian, Spanish, Swedish. No looping in slideshow. The Thumbnail text bug is eliminated. EXIF info enhancements. Etc.</li>
</ul>
</section>
<section>
<h3>Chameleon 2.3 <small>Sep 9, 2005</small></h3>
<ul>
<li>7 new styles, Deutch language version, you can start slideshow from the index page by pressing ENTER. Please send me your language mutation (see texts folder).</li>
</ul>
</section>
<section>
<h3>Chameleon 2.2 <small>Aug 31, 2005</small></h3>
<ul>
<li>DarkOSX now supports languages. (Now English, Danish and Hungarian.) Translations are welcome. &#8212; 6 new themes, Page transition, slideshow mode on index pages, image pre-caching for faster browsing, etc.</li>
</ul>
</section>
<section>
<h3>Chameleon 2.1 <small>Aug 25, 2005</small></h3>
<ul>
<li>A small bug is fixed related to google-like links, which caused a Java runtime error (on the PCs) in certain situations.</li>
</ul>
</section>
<section>
<h3>Chameleon 2.0 <small>Aug 24, 2005</small></h3>
<ul>
<li>This version has so many new features that I&#8217;ve decided to leap a major version:</li>
<li>6 differents themes:  aluminium, aqua_dark, aqua_light, black, grays, steel,</li>
<li>Google-like jump-list to pages,</li>
<li>keyboard controls,</li>
<li>user configurable:  album name, album description, custom homepage link, thumbnail label, usage of random folder picture, slideshow delay,</li>
<li>etc.</li>
</ul>
</section>
<section>
<h3>Chameleon 1.3 <small>Aug 8, 2005</small></h3>
<ul>
<li>New: SlideSow mode (the interval is now 3s, but later I make it configurable). I used Rey Cyril&#8217;s code &#8211; thanks! Bugfix: hover effect on thumbs is now working with IE for PC too.</li>
</ul>
</section>
<section>
<h3>Chameleon 1.2 <small>Aug 5, 2005</small></h3>
<ul>
<li>New: Folder icon with content displayed on it (if there is any) / Bugfix: Filename is displayed (instead of &#8220;$comment&#8221;) when mouse is over a thumb without comment / Modified: Movie icon</li>
</ul>
</section>
<section>
<h3>Chameleon 1.1 <small>Aug 4, 2005</small></h3>
<ul>
<li>New: rollover-effect for navigation buttons.</li>
<li>Bugfix: No Mac&#8217;s &#8220;.DS_Store&#8221; hidden files in ZIP.</li>
<li>Bugfix: On slides there is no empty box if no EXIF info.</li>
<li>Change: Quality set to 90% by default.</li>
</ul>
</section>
<section>
<h3>Chameleon 1.0 <small>Jul 25, 2005</small></h3>
<ul>
<li>Finally the site is on again! </li>
<li>Bugfix: Fixed the header misfit with IE for PC. (I tested it on Mac/Safari originally, but IE has some misty bugs.) ( Use Mac! <img src='http://lazaworx.com/lazaworx/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  </li>
<li>Bugfix: The clickable path is working with slides too. </li>
<li>New: EXIF info below slides. </li>
<li>New: Page numbers, etc., etc.</li>
</ul>
</section>
]]></content:encoded>
			<wfw:commentRss>http://lazaworx.com/download-chameleon-skin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sell your products with the help of Turtle skin</title>
		<link>http://lazaworx.com/sell-your-products-with-the-help-of-turtle-skin/</link>
		<comments>http://lazaworx.com/sell-your-products-with-the-help-of-turtle-skin/#comments</comments>
		<pubDate>Fri, 30 Mar 2012 12:49:37 +0000</pubDate>
		<dc:creator>Laza</dc:creator>
				<category><![CDATA[jAlbum]]></category>
		<category><![CDATA[Turtle skin]]></category>
		<category><![CDATA[Google Checkout]]></category>
		<category><![CDATA[payment processing]]></category>
		<category><![CDATA[Paypal]]></category>
		<category><![CDATA[selling]]></category>
		<category><![CDATA[selling photos]]></category>
		<category><![CDATA[shopping cart]]></category>

		<guid isPermaLink="false">http://lazaworx.com/?p=775</guid>
		<description><![CDATA[You might&#8217;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 &#8230; <a href="http://lazaworx.com/sell-your-products-with-the-help-of-turtle-skin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="lead">You might&#8217;ve missed it, but Turtle skin can be used to <strong>sell your photos or products</strong> 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 <a href="http://paypal.com/" target="_blank">Paypal</a> or <a href="http://checkout.google.com" target="_blank">Google Checkout</a>, your customers <strong>don&#8217;t need to be signed up</strong> with these payment processors, they can simply <strong>use their credit card</strong> as well. Here&#8217;s how you can create an album with a shopping cart, and how the visitors see the process.</p>
<section>
<h3>Creating the album</h3>
<p><a href="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_01.jpg"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_01-300x194.jpg" alt="" title="shopping_cart_01" width="300" height="194" class="alignright size-medium wp-image-779" /></a></p>
<p>First collect the photos (of the products) you want to sell, and <strong>create a new album</strong> in the jAlbum application.</p>
<ul>
<li>Add the photos by the <em>Add</em> button or by dragging them onto jAlbum</li>
<li>Choose <strong>Turtle</strong> skin</li>
<li>Add an image to be used as &#8220;Theme image&#8221; on the index page. <em>Right-click &rarr; Use as folder thumbnail</em>, and <em>Right-click &rarr; Exclude</em></li>
<li>Switch to <strong>Edit mode</strong> (Pencil icon) and <strong>add captions</strong> to your items with the details of the product (you can use HTML code too in the captions)</li>
</ul>
<p><span id="more-775"></span></p>
<h4>Setting up the shopping cart</h4>
<p><a href="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_02.jpg"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_02-284x300.jpg" alt="" title="shopping_cart_02" width="284" height="300" class="alignright size-medium wp-image-780" /></a></p>
<p>In order to use either Paypal or Google Checkout as payment gateway you need to be signed up with them. Here are the links to sign up with <a href="http://paypal.com/signup" title="Sign up with Paypal!" target="_blank">Paypal </a>or <a href="https://checkout.google.com/sell/?gl=EN&#038;hl=en" target="_blank">Google Checkout</a>. With Google Checkout you can usually use your Google Account if exists. For receiving more then just one or two payments a year you need to have a <strong>Merchant Account</strong>. Please read the provider&#8217;s documentation first about the conditions.</p>
<ul>
<li>Make sure you are <strong>signed in</strong> with jAlbum. <small>If you are not, there will be a button on left top of the window with &#8220;Sign in&#8221;. If you&#8217;ve singed in after you&#8217;ve opened the album you might need to re-open the album by clicking the &#8220;Empty project&#8221; and back to the actual again.</small></li>
<li>Go to <strong>Settings</strong> window, and switch to <strong>Selling photos</strong></li>
<li>Check the <strong>Add a smart shopping cart to your photos</strong></li>
<li>Choose your preferred payment processor: <strong>Paypal</strong> or <strong>Google Checkout</strong></li>
<li>Add your <strong>Seller ID</strong>: the <strong>email you are using with paypal</strong> or the long <a href="http://support.google.com/checkout/sell/bin/answer.py?hl=en&#038;answer=42963" target="_blank">Merchant ID</a> string.</li>
<li>Specify the <strong>currency</strong> you want to receive payments in. You can use only one currency in a shopping cart!</li>
<li>Add <strong>Overall handling</strong> if applies. This is an amount will be added only once on top of each finished shopping cart. E.g. a flat package and posting fee.</li>
<li>Add your default <strong>Shop options</strong> in the following syntax: <strong>Shop option name=Price</strong>, e.g. <code>10x15" Print=1.00</code>. Please note, you must not use the currency sign here!</li>
<li>If you want to add a <strong>shipping fee</strong> on top of each item you can use the following syntax: <strong>Shop option name=Price+Shipping</strong>, e.g. <code>A1 poster=50+10</code> &#8211; this means the price for the poster is $50, and will be added $10 on top of each as shipping cost.</li>
<li>You can add <strong>as many options as you wish</strong> &ndash; each in a new line &ndash;, and naturally you can combine the ones with and without shipping fee</li>
</ul>
<h4>Setting up individual shopping options for the pictures</h4>
<p><a href="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_03.jpg"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_03-300x202.jpg" alt="" title="shopping_cart_03" width="300" height="202" class="alignright size-medium wp-image-778" /></a></p>
<p>If your items have different prices or you want different options attached to them, no problem, you can specify <strong>individual shop options</strong> in Edit mode. Click the Pencil icon on the top right, and open the <strong>Image data</strong> tab near the bottom right. There you can specify the shop option you want for the <strong>actual picture only</strong>. The syntax is the same as with the global options, see above. If you want to use the <strong>default option</strong> just leave this box empty. If you <strong>don&#8217;t want the shopping cart added</strong> to a specific picture just add a minus sign here.</p>
<h4>Final touches</h4>
<p><a href="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_04.jpg"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_04-300x127.jpg" alt="" title="shopping_cart_04" width="300" height="127" class="alignright size-medium wp-image-789" /></a></p>
<p>Before you release the album to the public you might want to tweak the album here or there. Here are some of my suggestions for albums made for selling.</p>
<ul>
<li>Set the shopping cart as visible by default: <em>Settings / Turtle / General / Info panel visible by default</em> and <em>Selling photos</em></li>
<li>Add Terms and Conditions as <strong>Album info</strong> <em>Settings / Turtle / Header / Album info window</em> or as a separate page.</li>
<li>You also might want to add social plugins to your shop on the <em>Settings / Turtle / Sharing page</em></li>
</ul>
<p>Now it&#8217;s time to see what we&#8217;ve done. Hit <em>Make</em> and when that&#8217;s finished hit <em>Preview</em> or press F12. You can now check if the shopping works, but do not go to checkout unless you have a sandbox account with Paypal.</p>
</section>
<section>
<h3>The shopping process</h3>
<p><a href="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_051.jpg"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_051-300x225.jpg" alt="" title="shopping_cart_05" width="300" height="225" class="alignright size-medium wp-image-798" /></a></p>
<ul>
<li>Your visitor will see the shopping cart by default</li>
<li>He / she can choose the <strong>shop option</strong> and specify the <strong>quantity</strong>. The total amount will be displayed next to it.</li>
<li>The <strong>Add to cart</strong> button places the item in the shopping cart and a popup window will come up with the items already placed in the cart</li>
<li>The <strong>View Cart</strong> button is there to check the shopping cart content without placing a new item in it</li>
<li><a href="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_06.jpg"><img src="http://lazaworx.com/lazaworx/wp-content/uploads/2012/03/shopping_cart_06-300x223.jpg" alt="" title="shopping_cart_06" width="300" height="223" class="alignright size-medium wp-image-794" /></a>This is how Paypal&#8217;s shopping cart looks like. You can <strong>remove items</strong>, <strong>change quantities</strong> here, and when you are ready you can go to <strong>check out</strong> and pay either from a <strong>Paypal account</strong> or by a <strong>Credit card</strong>. See right.</li>
<li>When the payment has completed you will receive a <strong>notification</strong> in email with the list of sold products each with <strong>folder and file name</strong>, the <strong>shop option</strong> chosen and the quantity</li>
</ul>
<h4>Now it&#8217;s your turn to fulfil the order</h4>
<p>Failing to do so will result in a &#8220;dispute&#8221; opened by the customer, and if there&#8217;s no agreement within 3 weeks, Paypal will get back the money from the seller, and devalue its &#8220;reputation&#8221;, which easily lead to a locked seller account, with locked money too.</p>
</section>
<h3>Conclusion</h3>
<aside class="note">
<p>See the final album <a href="/static/sell-your-products-with-turtle/sample/index.html" title="Sample album" target="_blank">here</a></p>
</aside>
<p>Opening a shop with the help of Turtle skin is that easy. Fits perfect for web-shops selling just a few items and don&#8217;t need advanced commercial features, like discounts or database-driven stock handling.</p>
]]></content:encoded>
			<wfw:commentRss>http://lazaworx.com/sell-your-products-with-the-help-of-turtle-skin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
