"Datetime",
"Author" => "Text",
"Tags" => "Text"
);
static $casting = array(
"Date" => "Date"
);
static $defaults = array(
"ProvideComments" => true
);
static $allowed_children = "none";
/**
* overload so that the default date is today.
*/
public function populateDefaults(){
parent::populateDefaults();
$this->Date = date("d/m/Y H:i:s",time());
}
/**
* Ensures the most recent article edited on the same day is shown first.
*/
public function setDate($val){
$datepart = date("Y-m-d",strtotime($val));
$minutepart = date("H:i:s",time());
$date = $datepart . " " . $minutepart;
return $this->setField("Date",$date);
}
function getCMSFields() {
Requirements::javascript('blog/javascript/bbcodehelp.js');
Requirements::css('blog/css/bbcodehelp.css');
$firstName = Member::CurrentMember() ? Member::currentMember()->FirstName : '';
$codeparser = new BBCodeParser();
$fields = parent::getCMSFields();
$fields->removeFieldFromTab("Root.Content.Main","Content");
$fields->addFieldToTab("Root.Content.Main", new TextareaField("Content", "Content", 20));
$fields->addFieldToTab("Root.Content.Main", new CalendarDateField("Date", "Date"),"Content");
$fields->addFieldToTab("Root.Content.Main", new TextField("Author", "Author", $firstName),"Content");
$fields->addFieldToTab("Root.Content.Main", new LiteralField("BBCodeHelper", "<div id='BBCode' class='field'>" .
"<a  id=\"BBCodeHint\" target='new'>BBCode help</a>" .
"<div id='BBTagsHolder' style='display:none;'>".$codeparser->useable_tagsHTML()."</div></div>"));
$fields->addFieldToTab("Root.Content.Main", new TextField("Tags", "Tags (comma sep.)"),"Content");
return $fields;
}
function Tags() {
$theseTags = split(" *, *", trim($this->Tags));
$output = new DataObjectSet();
foreach($theseTags as $tag) {
$output->push(new ArrayData(array(
"Tag" => $tag,
"Link" => $this->getParent()->Link() . '?tag=' . urlencode($tag)
)));
}
if($this->Tags){
return $output;
}
}
function SideBar() {
return $this->getParent()->SideBar();
}
function ParagraphSummary(){
$content = new Text('Content');
$content->value = Convert::raw2xml($this->Content);
$parser = new BBCodeParser($content->FirstParagraph());
return $parser->parse();
}
function ParsedContent() {
$parser = new BBCodeParser($this->Content);
$content = new Text('Content');
$content->value =$parser->parse();
return $content;
}
function EditURL(){
return $this->getParent()->Link('post')."/".$this->ID."/";
}
}
class BlogEntry_Controller extends Page_Controller {
function init() {
parent::init();
Requirements::themedCSS("blog");
}
function unpublishPost(){
if(!Permission::check('ADMIN')){
Security::permissionFailure($this,
"Unpublishing blogs is an administrator task. Please log in.");
}
else{
$SQL_id = Convert::raw2sql($this->ID);
$page = DataObject::get_by_id("SiteTree", $SQL_id);
$page->deleteFromStage('Live');
$page->flushCache();
$page = DataObject::get_by_id("SiteTree", $SQL_id);
$page->Status = "Unpublished";
Director::redirect($this->getParent()->Link());
}
}
}
?> "WidgetArea"
);
static $allowed_children = array(
'BlogEntry'
);
function getCMSFields() {
$fields = parent::getCMSFields();
$fields->removeFieldFromTab("Root.Content.Main","Content");
$fields->addFieldToTab("Root.Content.Widgets", new WidgetAreaEditor("SideBar"));
return $fields;
}
public function BlogEntries($limit = 10) {
$start = isset($_GET['start']) ? (int)$_GET['start'] : 0;
$tagCheck = '';
$dateCheck = "";
if(isset($_GET['tag'])) {
$tag = addslashes($_GET['tag']);
$tag = str_replace(array("\\",'_','%',"'"), array("\\\\","\\_","\\%","\\'"), $tag);
$tagCheck = "AND `BlogEntry`.Tags LIKE '%$tag%'";
}
if(Director::urlParams()){
$year = Director::urlParam('Action');
$month = Director::urlParam('ID');
if(is_numeric($month) && is_numeric($month)){
$dateCheck = "AND Date BETWEEN '$year-$month-1' AND '$year-$month-31'";
}
else if(isset($year)){
$dateCheck = "AND Date BETWEEN '$year-1-1' AND '$year-12-31'";
}
}
return DataObject::get("Page","`ParentID` = $this->ID AND ShowInMenus = 1 $tagCheck $dateCheck","`BlogEntry`.Date DESC",'',"$start, $limit");
}
function Tag() {
return isset($_GET['tag']) ? $_GET['tag'] : false;
}
function BlogEntryForm(){
Requirements::javascript('jsparty/behaviour.js');
Requirements::javascript('jsparty/prototype.js');
Requirements::javascript('jsparty/scriptaculous/effects.js');
Requirements::javascript('cms/javascript/PageCommentInterface.js');
Requirements::javascript('blog/javascript/bbcodehelp.js');
$id = 0;
if(Director::urlParam('ID')){
$id = Director::urlParam('ID');
}
$codeparser = new BBCodeParser();
$membername = Member::currentMember() ? Member::currentMember()->getName() : "";
$fields = new FieldSet(
new HiddenField("ParentID", "ParentID", $this->ID),
new HiddenField("ID","ID"),
new HiddenField("Date","Date"),
new TextField("Title","Subject"),
new TextField("Author","Author",$membername),
new CompositeField(
new LiteralField("BBCodeHelper","<a  id=\"BBCodeHint\" target='new'>BBCode help</a><div class='clear'><!-- --></div>" ),
new TextareaField("Content", "Content",20),
new LiteralField("BBCodeTags","<div id='BBTagsHolder' style='display:none;'>".$codeparser->useable_tagsHTML()."</div>")
),
new TextField("Tags","Tags"),
new LiteralField("Tagsnote"," <label id='tagsnote'>For example: sport, personal, science fiction<br/>" .
"Please separate tags using commas.</label>")
);
$submitAction = new FormAction('postblog', 'Post blog entry');
$actions = new FieldSet($submitAction);
$validator = new RequiredFields('Title','Content');
$form = new BlogEntry_Form($this, 'BlogEntryForm',$fields, $actions,$validator);
if($id != 0){
$form->loadNonBlankDataFrom(DataObject::get_by_id('BlogEntry',$id));
}else{
$form->loadNonBlankDataFrom(array("Author" => Cookie::get("BlogHolder_Name")));
}
return $form;
}
function isPost(){
return Director::urlParam('Action') == 'post';
}
function postURL(){
return $this->Link('post');
}
function requireDefaultRecords() {
parent::requireDefaultRecords();
if(!DataObject::get_one('BlogHolder')) {
$blogholder = new BlogHolder();
$blogholder->Title = "Blog";
$blogholder->URLSegment = "blog";
$blogholder->Status = "Published";
$widgetarea = new WidgetArea();
$widgetarea->write();
$blogholder->SideBarID = $widgetarea->ID;
$blogholder->write();
$blogholder->publish("Stage", "Live");
$managementwidget = new BlogManagementWidget();
$managementwidget->ParentID = $widgetarea->ID;
$managementwidget->write();
$tagcloudwidget = new TagCloudWidget();
$tagcloudwidget->ParentID = $widgetarea->ID;
$tagcloudwidget->write();
$archivewidget = new ArchiveWidget();
$archivewidget->ParentID = $widgetarea->ID;
$archivewidget->write();
$widgetarea->write();
$blog = new BlogEntry();
$blog->Title = "SilverStripe blog module successfully installed";
$blog->URLSegment = 'sample-blog-entry';
$blog->setDate(date("Y-m-d H:i:s",time()));
$blog->Tags = "silverstripe, blog";
$blog->Content = "Congratulations, the SilverStripe blog module has been successfully installed. This blog entry can be safely deleted. You can configure aspects of your blog (such as the widgets displayed in the sidebar) in [url=admin]the CMS[/url].";
$blog->Status = "Published";
$blog->ParentID = $blogholder->ID;
$blog->write();
$blog->publish("Stage", "Live");
Database::alteration_message("Blog page created","created");
}
}
}
class BlogHolder_Controller extends Page_Controller {
function init() {
parent::init();
// This will create a <link> tag point to the RSS feed
RSSFeed::linkToFeed($this->Link() . "rss", "RSS feed of this blog");
Requirements::themedCSS("blog");
Requirements::themedCSS("bbcodehelp");
}
function showarchive() {
$month = addslashes($this->urlParams['ID']);
return array(
"Children" => DataObject::get('SiteTree', "ParentID = $this->ID AND DATE_FORMAT(`BlogEntry`.`Date`, '%Y-%M') = '$month'"),
);
}
function ArchiveMonths() {
$months = DB::query("SELECT DISTINCT DATE_FORMAT(`BlogEntry`.`Date`, '%M') AS `Month`, DATE_FORMAT(`BlogEntry`.`Date`, '%Y') AS `Year` FROM `BlogEntry` ORDER BY `BlogEntry`.`Date` DESC");
$output = new DataObjectSet();
foreach($months as $month) {
$month['Link'] = $this->Link() . "showarchive/$month[Year]-$month[Month]";
$output->push(new ArrayData($month));
}
return $output;
}
function rss() {
global $project;
$rss = new RSSFeed($this->Children(), $this->Link(), $project . " blog", "", "Title", "ParsedContent");
$rss->outputToBrowser();
}
function BBTags() {
return BBCodeParser::usable_tags();
}
function post(){
if(!Permission::check('ADMIN')){
Security::permissionFailure($this,
"Posting blogs is an administrator task. Please log in.");
}
return array();
}
}
class BlogEntry_Form extends Form {
function postblog($data) {
Cookie::set("BlogHolder_Name", $data['Author']);
$blogentry = new BlogEntry();
$this->saveInto($blogentry);
if($data['ID'] != 0){ //new post
$blogentry = DataObject::get_by_id("BlogEntry",$data['ID']);
$this->saveInto($blogentry);
$blogentry->setDate($data['Date']);
}else{
$blogentry->setDate(date("Y-m-d H:i:s",time()));
$blogentry->URLSegment = $data['Title'];
}
$blogentry->Status = "Published";
$blogentry->writeToStage("Stage");
$blogentry->publish("Stage", "Live");
Director::redirect(Director::currentURLSegment());
}
}
?>removeFieldFromTab("Root.Content.Main","Content");
return $fields;
}
public function News($limit = 10) {
$start = isset($_GET['start']) ? (int)$_GET['start'] : 0;
$dateCheck = "";
if(Director::urlParams()){
$year = Director::urlParam('Action');
$month = Director::urlParam('ID');
if(is_numeric($month) && is_numeric($month)){
$dateCheck = "AND Date BETWEEN '$year-$month-1' AND '$year-$month-31'";
}
else if(isset($year)){
$dateCheck = "AND Date BETWEEN '$year-1-1' AND '$year-12-31'";
}
}
return DataObject::get("Page","`ParentID` = $this->ID AND ShowInMenus = 1 $dateCheck","`NewsPage`.Date DESC",'',"$start, $limit");
}
}
class NewsHolder_Controller extends Page_Controller {
}
?> 'Date',
"Author" => "Text"
);
static $casting = array(
"Date" => "Date"
);
static $has_one = array(
);
/**
* overload so that the default date is today.
*/
public function populateDefaults(){
parent::populateDefaults();
$this->Date = date("d/m/Y H:i:s",time());
}
/**
* Ensures the most recent article edited on the same day is shown first.
*/
public function setDate($val){
$datepart = date("Y-m-d",strtotime($val));
$minutepart = date("H:i:s",time());
$date = $datepart . " " . $minutepart;
return $this->setField("Date",$date);
}
function getCMSFields() {
$fields = parent::getCMSFields();
$fields->removeFieldFromTab("Root.Content.Main","Content");
$fields->addFieldToTab("Root.Content.Main", new HTMLEditorField("Content", "Content", 20));
$fields->addFieldToTab("Root.Content.Main", new CalendarDateField("Date", "Date"),"Content");
$fields->addFieldToTab('Root.Content.Main', new TextField('Author'), 'Content');
return $fields;
}
function ParagraphSummary(){
$content = new Text('Content');
$content->value = Convert::html2raw($this->Content);
return $content->FirstParagraph();
}
}
class NewsPage_Controller extends GeneralPage_Controller {
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
<head>
<base href="https://www.digicrafts.com.hk/components/" />
<title>Mobile Photo Ablum for Lightroom | Digicrafts Flash Components for Carousel Menu, Cover Flow Gallery, Slideshow, FLV Player, Banner Rotator</title>
<meta name="generator" http-equiv="generator" content="SilverStripe 2.0 - http://www.silverstripe.com" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="keywords" http-equiv="keywords" content="page turn,page flip,page-flip,pageflip" />
<meta http-equiv="Content-Language" content="en"/>
<link rel="shortcut icon" href="/favicon.ico" />
<!--[if IE 6]>
		<style type="text/css">
		 @import url(themes/digicrafts/css/ie6.css);
		</style> 
	<![endif]-->
<!--[if IE 7]>
		<style type="text/css">
		 @import url(themes/digicrafts/css/ie7.css);
		</style> 
	<![endif]-->
<script type="text/javascript">

var currentIndexBox = null;
var status = 'close';
var statusDE = 'close';
var statusLR = 'close';
var statusSupport = 'close';
var currentStatus = {'MenuIndex':"close",'MenuIndexDE':"close",'MenuIndexFX':"close",'MenuIndexJS':close,'MenuIndexLR':"close",'MenuIndexSupport':"close"};

function triggerIndexBox(box) { 
	if(currentStatus[box] == 'open'){
		$('#'+box).hide();
		currentStatus[box] = 'close';
		
	} else {	
	
		for( b in currentStatus){
			if(currentStatus[b] == 'open'){
				$('#'+b).hide();	
				currentStatus[b] = 'close';
			} else if(b == box){
				$('#'+box).slideDown();
				currentStatus[box] = 'open';
			}
		}					
	}				
}
</script>
<link rel="stylesheet" type="text/css" href="themes/digicrafts/css/layout.css" ></link>
<link rel="stylesheet" type="text/css" href="themes/digicrafts/css/typography.css" ></link>
<link rel="stylesheet" type="text/css" href="themes/digicrafts/css/form.css" ></link>
<link rel="stylesheet" type="text/css" href="digicrafts/css/product.css" ></link>
<script type="text/javascript" src="jsparty/jquery-1.4.2.min.js"></script>
</head>
<body>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: '111300512257730', status: true, cookie: true,
             xfbml: true});
	FB.Event.subscribe('edge.create', function(href, widget) {
    	show_download();
  	});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>
<div id="TopBar" align="center">
<div class="ToolBox">
<div id="DigicraftsLogo"><img src="digicrafts/images/digicrafts_logo.gif" alt="Digicrafts Flash Components" width="328" height="38"/></div>
<ul class="menulink">
<li>
<a href="shop">View Cart</a>
|
</li>
<li>
<a href="account">Login</a>
</li>
<li style="padding:0 3px;">
| <iframe src="http://www.facebook.com/plugins/like.php?app_id=153123664757172&amp;href=http%3A%2F%2Fwww.facebook.com%2Fdigicrafts&amp;send=false&amp;layout=button_count&amp;width=150&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe><a href="http://twitter.com/digicrafts" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF" data-show-count="false" data-width="140px">Follow @digicrafts</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</li>
</ul>
</div>
</div>
<div id="BgContainer">

<div id="Header">

<div id="Banner">
<div id="MainMenu"><a href="./">Home</a>|<a href="/components/LightroomMobilePhotoAlbum#" onclick="triggerIndexBox('MenuIndex')"><img src="digicrafts/images/icon/iconFL.gif" alt="Flash Components" width="15" height="14" align="texttop" />&nbsp;Flash</a>|<a href="/components/LightroomMobilePhotoAlbum#" onclick="triggerIndexBox('MenuIndexFX')"><img src="digicrafts/images/icon/iconFx.gif" alt="Flex Components" width="15" height="14" align="texttop" />&nbsp;Flex</a>| <a href="/components/LightroomMobilePhotoAlbum#" onclick="triggerIndexBox('MenuIndexJS')"><img src="digicrafts/images/icon/iconJS.gif" alt="Javascript Plug-in" width="15" height="14" align="texttop" />&nbsp;Javascript/JQuery</a>|<a href="/components/LightroomMobilePhotoAlbum#" onclick="triggerIndexBox('MenuIndexLR')"><img src="digicrafts/images/icon/iconLR.gif" alt="Lightroom Plug-in" width="15" height="14" align="texttop" />&nbsp;Lightroom</a>|<a href="/components/LightroomMobilePhotoAlbum#" onclick="triggerIndexBox('MenuIndexDE')"><img src="digicrafts/images/icon/iconDW.gif" alt="Dreamweaver Exntensions" width="15" height="14" align="texttop" />&nbsp;Dreamweaver</a> | <a href="download">Downloads</a> | <a href="templates">Templates</a> | <a href="/components/LightroomMobilePhotoAlbum#" onclick="triggerIndexBox('MenuIndexSupport')">Support</a></div>
</div>
</div>

<div class="clear"	></div>

<div id="wrapper"> 
<div id="MenuIndex" style="display:none;">
<div class="BorderBox">
<div class="Top"><p></p></div>
<div class="Content">
<table width="100%" border="0" cellspacing="10">
<tr>
<td width="33%" valign="top"><ul class="menu">
<li class="highlight2"> <span class="title">Navigation Menu</span> </li>
<li> <a href="dockmenu3d">DockMenu 3D[AS3]</a></li>
<li> <a href="photo-flip3d-cs">PhotoFlip 3D CS [AS3]</a></li>
<li> <a href="foto-queue3d-cs">FotoQueue 3D CS [AS3]</a></li>
<li> <a href="rotation-menu3d-cs">RotationMenu 3D CS [AS3] </a> </li>
<li> <a href="rt-menu-cs">RotationMenu CS [AS3] </a> </li>
<li><a href="rt-menu">RotationMenu [AS2] </a> </li>
<li> <a href="curve-menu-cs">CurveMenu CS [AS3] </a> </li>
<li> <a href="curve-menu">CurveMenu [AS2] </a> </li>
<li> <a href="thumb-lister-cs">ThumbLister CS [AS3] </a> </li>
<li class="highlight2"> <span class="title">Image Utilities</span></li>
<li><a href="page-turn3d-cs">PageTurn 3D CS [AS3] </a> </li>
<li><a href="foto-loader-cs">FotoLoader CS [AS3] </a> </li>
<li><a href="simple-loader-cs">SimpleLoader CS [AS3] </a> </li>
<li><a href="simple-loader">SimpleLoader [AS2] </a> </li>
<li> <a href="touch-scroller-cs">TouchScroller CS [AS3] </a> </li>
<li> <a href="touch-scroller">TouchScroller [AS2] </a> </li>
<li><a href="photo-buster-cs">PhotoBuster CS [AS3] </a> </li>
</ul></td>
<td><div class="vh"></div></td>
<td valign="top">
<ul class="menu">
<li class="highlight2"> <span class="title">Banner Rotator</span> </li>
<li><a href="tiletransformbannerrotator">3D Tile Effect Rotator</a> <font color="#FF0000">new</font></li>
<li><a href="flytransformbannerrotator">3D Fly Through Rotator</a> <font color="#FF0000">new</font></li>
<li><a href="swaptransformbannerrotator">3D Swap Effect Rotator</a> <font color="#FF0000">new</font></li>
<li><a href="doortransformbannerrotator">3D Door Effect Rotator</a> <font color="#FF0000">new</font></li>
<li><a href="cubetransformbannerrotator">3D Cube Effect Rotator</a> <font color="#FF0000">new</font></li>
<li><a href="bartransformbannerrotator">3D Bar Effect Rotator</a> <font color="#FF0000">new</font></li>
<li><a href="fliptransformbannerrotator">3D Flip Effect Rotator</a> <font color="#FF0000">new</font></li>
<li><a href="twisttransformbannerrotator">3D Twist Effect Rotator</a> <font color="#FF0000">new</font></li>
<li class="highlight2"> <span class="title">Photo Gallery </span> </li>
<li> <a href="foto-queue-cs">FotoQueue CS [AS3]</a></li>
<li> <a href="foto-spin-cs">FotoSpin CS [AS3]</a></li>
<li> <a href="foto-tunnel-cs">FotoTunnel CS [AS3]</a></li>
<li> <a href="photo-flip-cs">PhotoFlip CS [AS3]</a></li>
<li><a href="photo-flip">PhotoFlip [AS2] </a> </li>
<li><a href="foto-tile-cs">FotoTile CS [AS3] </a> </li>
<li><a href="galerie-zero">Galerie zero [AS2] </a> </li>
</ul>
</td>
<td><div class="vh">&nbsp;</div></td>
<td valign="top">
<ul class="menu">
<li class="highlight2"> <span class="title">Video Player </span> </li>
<li><a href="rotationmenuvideo">RotationMenu Video [AS3] </a> <font color="#FF0000">new</font></li>
<li><a href="curvemenuvideo">CurveMenu Video [AS3] </a></li>
<li><a href="photoflipvideo">PhotoFlip Video [AS3] </a></li>
<li class="highlight2"> <span class="title">Effects</span> </li>
<li> <a href="ReflectorCS">Reflector CS</a> <font color="#FF0000">new</font></li>
<li class="highlight2"> <span class="title">Free Stuff</span> </li>
<li> <a href="fadebannerrotator">Fade Transform Banner Rotator</a></li>
<li class="highlight2"> <span class="title">Trial Version</span> </li>
<li> <a href="download">Download trial version</a></li>
</ul>
</td>
</tr>
</table>
</div>
<div class="Bottom"><p></p></div>
</div>
</div>
</div>


<div id="wrapper"> 
<div id="MenuIndexFX" style="display:none;">
<div class="BorderBox">
<div class="Top"><p></p></div>
<div class="Content">
<table width="100%" border="0" cellspacing="10">
<tr>
<td width="33%" valign="top">
<ul class="menu">
<li class="highlight2"> <span class="title">Flex UI Components</span> </li>
<li> <a href="RatingBar">RatingBar</a> | <a href="Captchar">Captchar</a> <font color="#FF0000">new</font>
</li>
<li class="highlight2"> <span class="title">Flex Utility</span> </li>
<li> <a href="Reflector">Reflector</a> <font color="#FF0000">new</font></li>
</ul></td>
</tr>
</table>
</div>
<div class="Bottom"><p></p></div>
</div>
</div>
</div>


<div id="wrapper"> 
<div id="MenuIndexDE" style="display:none;">
<div class="BorderBox">
<div class="Top"><p></p></div>
<div class="Content">
<table width="100%" border="0" cellspacing="10">
<tr>
<td width="33%" valign="top">
<ul class="menu">
 <li class="highlight2"> <span class="title">Gallery</span> </li>
<li> <a href="de-galerie01">Galerie 01</a> | <a href="de-galerie02">Galerie 02</a> | <a href="de-galerie03">Galerie 03</a> | <a href="de-galerie04">Galerie 04</a> </li>
</ul></td>
<td width="33%" valign="top">
<ul class="menu">
<li class="highlight2"> <span class="title">Navigation Menu</span> </li>
<li> <a href="de-menu01">Menu 01</a></li>
</ul></td>
</tr>
</table>
</div>
<div class="Bottom"><p></p></div>
</div>
</div>
</div>


<div id="wrapper"> 
<div id="MenuIndexLR" style="display:none;">
<div class="BorderBox">
<div class="Top"><p></p></div>
<div class="Content">
<table width="100%" border="0" cellspacing="10">
<tr>
<td width="33%" valign="top">
<ul class="menu">
<li class="highlight2"> <span class="title">HTML5/CSS Gallery Plug-in for Lightroom</span> </li>
<li> <a href="LightroomPolaroidGallery">Polaroid Gallery</a> <font color="#FF0000">new</font> | <a href="LightroomMobilePhotoAlbum">Mobile Photo Album</a> <font color="#FF0000">new</font></li>
<li> <a href="LightroomHTML5PhotoGallery">Photo Gallery</a> | <a href="LightroomPhotoPortfolio">Photo Portfolio</a></li>
<li class="highlight2"> <span class="title">Flash Gallery Plug-in for Lightroom</span> </li>
<li> <a href="LightroomCubeTransformGallery">3D Cube Gallery</a> | <a href="LightroomRotationGallery">Rotation Gallery</a> | <a href="LightroomCurveGallery">Curve Gallery</a> | <a href="LightroomPageTurn3DGallery">PageTurn 3D Gallery</a> </li>
<li> <a href="LightroomTile3DGallery">Tile 3D Gallery</a> | <a href="LightroomFotoFlowGallery">FotoFlow Gallery</a> | <a href="LightroomSimpleGallery">Simple Gallery</a> | <a href="LightroomSlideGallery">Slide Gallery</a></li>
</ul></td>
</tr>
</table>
</div>
<div class="Bottom"><p></p></div>
</div>
</div>
</div>


<div id="wrapper"> 
<div id="MenuIndexJS" style="display:none;">
<div class="BorderBox">
<div class="Top"><p></p></div>
<div class="Content">
<table width="100%" border="0" cellspacing="10">
<tr>
<td width="33%" valign="top">
<ul class="menu">
<li class="highlight2"> <span class="title">Javascript/JQuery plugins</span> </li>
<li><a href="JSAJAXPayPalCart">AJAX PayPal Cart JQuery Plugin</a></li>
<li><a href="JSPolaroidGallery">Polaroid Gallery JQuery Plugin</a> <font color="#FF0000">new</font> | <a href="JSMobilePhotoAlbum">Mobile Photo Album JQuery Plugin</a> <font color="#FF0000">new</font></li>
<li><a href="JSThumbnailGallery">Thumbnail Gallery JQuery Plugin</a> |
<a href="JSPhotoRotator">Photo Rotator JQuery Plugin</a>
</li>
</ul></td>
</tr>
</table>
</div>
<div class="Bottom"><p></p></div>
</div>
</div>
</div>


<div id="wrapper"> 
<div id="MenuIndexSupport" style="display:none;">
<div class="BorderBox">
<div class="Top"><p></p></div>
<div class="Content">
<table width="100%" border="0" cellspacing="10">
<tr>
<td width="33%" valign="top">
<ul class="menu">
<li class="highlight2"> <span class="title">Support</span> </li>
 <li> <a href="https://digicrafts.zendesk.com/" target="_blank">Contact</a> | <a href="doc">Documents</a> | <a href="tutorials">Tutorials</a> | <a href="http://twitter.com/dc_support">Twitter</a> </li>
</ul></td>
</tr>
</table>
</div>
<div class="Bottom"><p></p></div>
</div>
</div>
</div>


<div id="Layout">

<div class="ColumnContainer">
<div class="ContainerContent">

<div class="WhiteBorderBox">
<div class="Top"><p></p></div>
<div class="Content">
<div class="ContentBox">
<ul class="SelectionTab">
<li><img src="digicrafts/images/icon/lightroom.jpg" alt="" width="30" height="30" /> </li>
<li><span>Mobile Photo Album Plug-in</span></li>
<li><a href="/components/LightroomMobilePhotoAlbum#Product_Info_tab">Overview</a></li>
<li><a href="/components/LightroomMobilePhotoAlbum#Product_Features_tab">Features</a></li>
<li><a href="/components/LightroomMobilePhotoAlbum#Requirements_tab">Requirements</a></li>
<li><a href="/components/LightroomMobilePhotoAlbum#Example_tab">Example</a></li>
</ul>
<div class="clear"></div>
<div class="space"></div>

<div class="Text" id="Product_Info_tab">
<a href="http://cdn.digicrafts.com.hk/u/163440/components/lr/mobilephotoalbum/index.html" target="_blank"><img class="left" src="assets/product/lrproduct/LRMobilePhotoAlbum/preview.jpg" title="null" hspace="null" vspace="null" align="null" /></a>
</div>

<div class="Text" id="Product_Features_tab">
<p><strong>Mobile Photo Album </strong>is a Adobe Lightroom web gallery plugin. It is designed for making instant gallery which can view on mobile device such as iPhone and Android phone. By HTML5/CSS3 technology, no Flash plugin is needed. So, you can view the gallery on all mobile device which support HTML. Now photographers can make photo gallery which can view on billion of mobile device. With extremely &quot;easy-to-use&quot; interface, just a few click from the interface to create the gallery instantly.</p><h2><a href="http://cdn.digicrafts.com.hk/u/163440/components/lr/mobilephotoalbum/index.html" target="_blank">Launch Live Demo</a></h2> <table border="0" cellspacing="0" cellpadding="15" width="650" class="tbl_lrfeature"> <tbody><tr> <td width="33%" valign="top"> <p align="left"><img src="assets/product/lrproduct/LRMobilePhotoAlbum/description1.jpg" width="160" height="140" /> <br /> <strong>Design for mobile browser</strong><br /> This Gallery is specially design to work with mobile browser in iOS device such as iPhone and iPad and Android devices. Let viewer easily navigate between photos.</p></td> <td width="33%" valign="top"><p><img src="assets/product/lrproduct/LRMobilePhotoAlbum/description2.jpg" width="160" height="140" /> <br /> <strong>Support auto orientation</strong><br /> This Gallery support auto layout for iOS and Android device. The layout will adjust when device orientation changed. The layout is optimzied for mobile screen resolution and touch control.</p></td> <td valign="top"><p><img src="assets/product/lrproduct/LRMobilePhotoAlbum/description4.jpg" width="160" height="140" /> <br /> <strong>Multi-Touch support </strong><br /> This gallery support navigation between images by swipe your finger. Also, you can zoom in/out the image by pinch open/close your finger on the image.</p></td> </tr> <tr> <td valign="top"><p><img src="assets/product/lrproduct/LRMobilePhotoAlbum/description3.jpg" width="160" height="140" /> <br /> <strong>Support tablet/desktop</strong><br /> Beside mobile phone, the gallery support viewing on iPad or other android tablet. Also it can view on most modern desktop browser.</p></td> <td valign="top"><p><img src="assets/product/lrproduct/LRMobilePhotoAlbum/description5.jpg" width="160" height="140" /><br /> <strong>Easy theme &amp; background</strong><br /> Easy to change theme color and background. Included sereval backgorund to choose.</p></td> <td valign="top"><p><img src="assets/product/lrproduct/LRMobilePhotoAlbum/description6.jpg" width="160" height="140" /><br /> <strong>Template for website integration</strong><br /> Beside full screen gallery. It is included a template for easy integration with your existing website. </p> </td> </tr> <tr> <td colspan="3" valign="top"><p><strong>Easy to Use</strong><br /> The gallery provide over 20+ parameters to customize your gallery. All changes can be preview in the WYSIWYG Live Preview Panel in Lightroom.</p> <p><strong>No Flash Plugin<br /> </strong>This Photo Gallery is build with modern HTML5/CSS3 technology supported in most modern browser. No Flash plugin is needed for view.</p> <p><strong>Easy to Install<br /> </strong>The gallery comes with self-extract installer which copy the plug in into Lightroom automatically and create shortcut for help documents.</p> <p><strong>Direct Upload</strong><br /> Integrated FTP function made the gallery can directly connect and upload to your web server. Connection information also can save for other applications.</p> <p><strong>Support Lightroom 2.x, 3.x, 4.x</strong><br /> The plugin is compatible with Lightroom 2.x, 3.x, 4.x.</p></td></tr></tbody></table><a href="JSMobilePhotoAlbum/"><img class="leftAlone" src="assets/Banner/jsphotoalbum_550x125.jpg" title="null" hspace="null" vspace="null" width="550" height="125" align="null" /></a><p>&nbsp;</p><p><u>FAQ</u></p><p>How can i get start with the plugin?&nbsp;</p><p><a href="http://cdn.digicrafts.com.hk/u/163440/components/lr/mobilephotoalbum/User%20Guide.pdf" target="_blank" title="Live demo">Download User Guide</a>&nbsp;</p><p>How can i create categories?</p><p>&nbsp;You can visit the guide &quot;<a href="http://support.digicrafts.com.hk/tutorials/how-to-create-categories-for-photos/" target="_blank"><u>How to create categories for photo</u></a><u>s</u>&quot;.&nbsp;</p><p>Get a blank screen when working with Lightroom in Window?</p><p>You can visit here for solution.&nbsp;<a href="http://blog.digicrafts.com.hk/2010/12/critical-fix-html5-galleryportfolio-for-window-7-64-bit/" target="_blank">Link</a>&nbsp;</p>
</div>

<div class="Text" id="Requirements_tab">
<div class="TableTitle">Requirements</div>
<ul class="text"><li class="text"><p><strong>Authoring environment: </strong><br />Photoshop Lightroom 2.0 or 3.0 or 4.x for authoring (Windows or Mac).</p></li><li class="text"><p><strong>Client environment: </strong><br />Safari 4, FireFox 3.5 and Internet Explorer 8+ .</p><p>iOS Safari on iPhone/iPad</p><p>*3D Transition only support on Safari Browser</p></li></ul>
</div>

<div class="Text" id="Example_tab">
<div class="TableTitle">Example</div>
<br>
<a href="http://cdn.digicrafts.com.hk/u/163440/components/lr/mobilephotoalbum/index.html" target="_blank">Launch Live Demo</a>
</div>
</div>
</div>
<div class="Bottom"><p></p></div>
</div>
<div class="space"></div>
<div class="WhiteBorderBox">
<div class="Top"><p></p></div>
<div class="Content">
<div class="TableTitle">Featured Product</div><br />
<table width="100%" border="0">
<tr>
<td>
<div class="FeaturedProduct">
<a class="Thumbnail" style="background:#333 url();" href="rotationmenuvideo">
<div class="Border"></div>
</a>
<a href="rotationmenuvideo">
<div class="Title">RotationMenu Video</div>
<div class="Description">Rotation Menu Video Player</div>
</a>
</div>
</td>
<td>
<div class="FeaturedProduct">
<a class="Thumbnail" style="background:#333 url();" href="curvemenuvideo">
<div class="Border"></div>
</a>
<a href="curvemenuvideo">
<div class="Title">CurveMenu Video</div>
<div class="Description">Curve Menu Video Player</div>
</a>
</div>
</td>
<td>
<div class="FeaturedProduct">
<a class="Thumbnail" style="background:#333 url();" href="photoflipvideo">
<div class="Border"></div>
</a>
<a href="photoflipvideo">
<div class="Title">PhotoFlip Video</div>
<div class="Description">Cover Flow Video Player</div>
</a>
</div>
</td>
<td>
<div class="FeaturedProduct">
<a class="Thumbnail" style="background:#333 url();" href="dockmenu3d">
<div class="Border"></div>
</a>
<a href="dockmenu3d">
<div class="Title">DockMenu 3D</div>
<div class="Description">Mac Style Dock</div>
</a>
</div>
</td>
</tr>
</table>

</div>
<div class="Bottom"><p></p></div>
</div>
</div>
<div class="SideBar">
<div class="BlackBorderBox" >
<div class="Top"><p></p></div>
<div class="Content">
<div class="ProductTableTitle">Buy Mobile Photo Album Plug-in</div><br />
<table class="productTable" width="100%" border="0">
<tr>
<td colspan="2"><strong>Mobile Photo Album Plug-in for Lightroom (Trial Version)</strong><br />
</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>
<a href="http://cdn.digicrafts.com.hk/u/163440/free_components/lr_html5photoalbum_v_1_2_0_trial.zip"><img src="digicrafts/images/button_freedownload.png" alt="free download" /></a>
</td>
</tr>
<tr>
<td colspan="2" class="split">&nbsp;</td>
</tr>
<tr>
<td colspan="2"><strong>Mobile Photo Album Plug-in for Lightroom</strong><br />
</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>
<div class="price"> <div class="discount">USD$ 29.90</div>USD$ 19.90 </div>
</td>
<td width="65">
<form method="post" action="shop">
<input type="hidden" name="Submit" value="Add"/>
<input type="hidden" name="package_code" value="00140"/>
<input type="image" src="digicrafts/images/buyButton.gif" alt="Buy" width="35" height="35" />
</form>
</td>
</tr>
<tr>
<td colspan="2" class="split">&nbsp;</td>
</tr>
</table>
</div>
<div class="Bottom"><p></p></div>
</div>


<br/>
<div class="clear"></div>
<a href="http://www.digicrafts.com.hk/unity3d/" target="_blank"><img src="http://www.digicrafts.com.hk/application/files/5814/8066/9812/unity_icon_240.jpg" width="240" height="260" border="0"/></a>
<a href="http://twitter.com/digicrafts" target="_blank"><img src="assets/Banner/digicrafts-twitter.jpg" width="240" height="80" border="0"/></a>
<a href="http://www.youtube.com/digicrafts" target="_blank"><img src="assets/Banner/digicraftsyoutube.jpg" width="220" height="100" border="0"/></a>
<div class="WhiteBorderBox">
<div class="Top"><p></p></div>
<div class="Content">
<img src="digicrafts/images/digicrafts_connect_logo.gif" alt="Flash Bookmarks" width="160" height="45" /><br/>
<small>If you want to connect with us, you can subscribe our newsletter "Digicrafts Connect".</small><br/><br/>
<style type="text/css">
#SignUp .signupframe {
  border: 1px solid #FFFFFF;
  background: #ffffff;
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  width:180px;
}
</style>
<form method=post action="http://app.icontact.com/icp/signup.php" name="icpsignup" accept-charset="UTF-8" onsubmit="return verifyRequired();" >
<input type=hidden name=redirect value="http://www.digicrafts.com.hk/components/" />
<input type=hidden name=errorredirect value="http://www.icontact.com/www/signup/error.html" />
<script type="text/javascript">
function verifyRequired() {
  if (document.icpsignup["fields_email"].value == "") {
    document.icpsignup["fields_email"].focus();
    alert("The Email field is required.");
    return false;
  }
  if (document.icpsignup["fields_fname"].value == "") {
    document.icpsignup["fields_fname"].focus();
    alert("The First Name field is required.");
    return false;
  }


return true;
}
</script>
<div id="SignUp">
<table width="180" class="signupframe" border="0" cellspacing="0" cellpadding="5">
<tr>
<td valign=top align=right>
<font size="1" face="Arial,Helvetica, sans-serif">*</font> <font size="2">Email</font>
</td>
</tr>
<tr>
<td align=left>
<input type=text name="fields_email">
</td>
</tr>
<tr>
<td valign=top align=right>
<font size="1" face="Arial,Helvetica, sans-serif">*</font> <font size="2">First Name</font>
</td>
</tr>
<tr>
<td align=left>
<input type=text name="fields_fname">
</td>
</tr>
<tr>
<td valign=top align=right>
<font size="2">Last Name</font>
</td>
</tr>
<tr>
<td align=left>
<input type=text name="fields_lname">
</td>
</tr>
<tr>
<td><font size="1">*</font><font size="2"> = Required Field</FONT></TD>
</tr>
<tr>
<td><input type="submit" name="Submit" value="Submit"></td>
</tr>
</table>
</div>
<input type=hidden name="listid" value="226139">
<input type=hidden name="specialid:226139" value="RMHM">
<input type=hidden name=clientid value="384800">
<input type=hidden name=formid value="15764">
<input type=hidden name=reallistid value="1">
<input type=hidden name=doubleopt value="1">
</form>
<div class="clear"> </div>
</div>
<div class="Bottom"><p></p></div>
</div>
</div>

</div>

<div class="clear"	></div>
</div>

<div class="clear"><!-- --></div>

<div id="Footer">
<div class="logo"><img src="digicrafts/images/ASP_logo.jpg" alt="Adobe Partner" /></div>
<div class="text">
Copyright © 2002-10 Digicrafts. All rights reserved. | <a href="privacy">Privacy Policy</a> | <a href="term">Terms of Use</a> | <a href="contact">Contact Us</a> | <a href="jobs">Jobs</a> | <a href="http://blog.digicrafts.com.hk">Blog</a>
</div>
</div>

</div>

<script type="text/javascript">
<!--
//papTrack();
//-->
</script>
<script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-729453-3");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>