Photobook

From TYPO3Wiki

Author: TenToday.com - Luc Franken
Extension key: photobook
Major revision: 02-07-2006
Minor revision: See page's Last modified date
Prerequisites: Typo3 4.0 & a recent tt_news version.

This document is published under

the Open Content License

The content is related to TYPO3 - a GNU/GPL
CMS/Framework available from www.typo3.com

This document is reviewed & published & stable.

When you edit something here, write the {{draft}} tag to at that place where you change something.

1 Introduction
- 1.1 What does it do?
- 1.2 Screenshots
2 Users manual
- 2.1 FAQ
3 Adminstration
- 3.1 FAQ
4 Configuration
- 4.1 FAQ
- 4.2 Reference
5 Tutorial
6 Known problems
7 To-Do list
8 Changelog

[edit]

Introduction

[edit]

What does it do?

With this gallery-extension it is possible to add a photobook to your website within seconds. The extension is strongly integrated with tt_news which makes it possible to use for events, parties, and all other time-based galleries.

[edit]

Screenshots

Where?

[edit]

Users manual

Just add images to your tt_news records or enter a path to a folder which contains images in the tt_news record.

[edit]

Configuration

create an extension template and a tt_news plugin on the page. DO NOT specify list/single or whatever! Paste the code below in the SETUP part of the template!

<TS> :

 
#SYSTEM FOR BOTH LIST AND SINGLE VIEW ON ONE PAGE!
 
# clear the code field
plugin.tt_news.code >
plugin.tt_news.code = LIST
 
# prevent indexing of the LIST view
config.index_enable = 0
 
[globalVar = GP:tx_ttnews|tt_news > 0]
 
# set code to SINGLE if the GETvar tx_ttnews[tt_news] exists  
plugin.tt_news.code = SINGLE
 
# enable indexing of the SINGLE view
config.index_enable = 1
 
page.headerData.678 = HTML
page.headerData.678.value = <script type="text/javascript" src="typo3conf/ext/photobook/pi1/lightbox/js/prototype.js"></script><script type="text/javascript" src="typo3conf/ext/photobook/pi1/lightbox/js/scriptaculous.js?load=effects.js"></script><script type="text/javascript" src="typo3conf/ext/photobook/pi1/lightbox/js/lightbox.js"></script><link rel="stylesheet" type="text/css" href="typo3conf/ext/photobook/pi1/lightbox/css/lightbox.css">
 
# configure the photobook extension
plugin.tx_photobook {
	bImage.file {
		maxW = 800
		maxH = 500
	}
	# some basic styles for use with the photobook, can be removed by some typoscript like: plugin.tx_photobook._CSS_DEFAULT_STYLE > 
	# nice for testing for me ;)
	_CSS_DEFAULT_STYLE (
		ul.tx-photobook-album {
			width: 500px;
			list-style-type: none;
		}
		ul.tx-photobook-album li {
			float: left;
		}
		br.tx-photobook-clearer {
			clear: both;
		}
	)
}
 
# include the php script which handles the photobook
includeLibs.imageMarkerFunc = EXT:tx_photobook/pi1/tx_photobook_pi1.php
 
# configure tt_news to use the tx_photobook extension as image parser
plugin.tt_news {
	# call user function
	imageMarkerFunc = tx_photobook_imageProcess
 
	# configure the singleView to show in photobookstyle
	displaySingle {
		# load the photobook configuration
		confPhotobook < plugin.tx_photobook
 
		imageWrapIfAny = <!-- PHOTOBOOK created by extension: tx_photobook made by TenToday development: http://tentoday.com ! --><ul class="tx-photobook-album"> | </ul><br class="tx-photobook-clearer">
		imageWrap = <li> | </li>
		image.imageLinkWrap > 
	}
 
	# remove the default styles
	_CSS_DEFAULT_STYLE (
	)
}
 
[global]
 
# clear main content in page object
page.10.subparts.content >
 
# load tt_news as content to the page object
page.10.subparts.content < plugin.tt_news
 
plugin.tt_news {
	general_stdWrap {
		parseFunc.nonTypoTagStdWrap.encapsLines.nonWrappedTag >
	}
	templateFile = fileadmin/templates/detijd/tt_news_photobook.html
	displaySingle.imageCount = 999
	limit = 100
	showResultCount = 0
	plugin.tt_news.displayList {
		date_stdWrap.strftime= %A %d. of %B %Y
	}
}
 
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >