Bearbeiten von „Wt gallery“

yeah that makes a lot of sense, I get it, <a href="http://quizilla.teennick.com/stories/19310792/ioaud-ing-home-dmt-chici-board-along-with-room-every-single-home-comiort-but-counsel-is-good-and-tberelore-it-wu-illegal">click here to read more</a>, [url="http://quizilla.teennick.com/stories/19310792/ioaud-ing-home-dmt-chici-board-along-with-room-every-single-home-comiort-but-counsel-is-good-and-tberelore-it-wu-illegal"]click here to read more[/url], http://quizilla.teennick.com/stories/19310792/ioaud-ing-home-dmt-chici-board-along-with-room-every-single-home-comiort-but-counsel-is-good-and-tberelore-it-wu-illegal click here to read more,  qmof,

kp5IF6  <a href="http://nvrgrjzasohm.com/">nvrgrjzasohm</a>, [url=http://wcmutkydpkhz.com/]wcmutkydpkhz[/url], [link=http://utroipukbljo.com/]utroipukbljo[/link], http://tjmeplkcfuwc.com/

thanks a lot I totally agree, http://lictors486.typepad.com/blog/2011/07/senator-ar-tev-a-supoorter-of-governor-frar-of-new-york-in-trelectronic-s-asprations-to-be-your-s-nominee-fcr-president.html pregnancy miracle,  >:]]], http://thurio805.typepad.com/blog/2011/07/and-th-giants-have-the-edge-wui-in-jiv-it-ncl-tho-wtienthc-kcnim-flm-linn-ta-will-ln-lor-ueh-addiuotukl-ad-to-wiloof-d-it.html click here to read more,  :OOO,

== HTML-Template==
category.html
<pre>
wt_gallery HTML Template for category view

--- Markers within loop ---
Imagetag (e.g. <img src="typo3temp/pic.jpg">):	###IMAGE###
Imagepath (e.g. typo3temp/pic.jpg):		###PICTURE###
Picture filename (e.g. pic.jpg):		###BASENAME###
Filename without extension (e.g. pic):		###FILENAME###
Extension(e.g.jpg):				###EXTENSION###
Relative path to this folder (e.g. fileadmin/folder/):###DIRNAME###
Timestamp of current picture:			###TSTAMP###
Name of folder:					###CURRENTFOLDER###
Text from txt files to any folder:		###TEXT###
Dynamic class (firstofrow, centerofrow, lastofrow):	###CLASS###
Subpart link to list view:			<!-- ###CATEGORYLINK### -->
	
--- Markers out of the loop ---
Insert category browser				###PAGEBROWSER###
    
GLOBAL MARKERS:
Displaying any value from pi1/locallang.xml:			###WTGALLERY_LL_YOURFIELD### (Could be filled via locallang.xml or typoscript - see manual for details)
Displaying any value from typoscript:					###WTGALLERY_TS_YOURFIELD### (Could be filled via typoscript - see manual for details)
	
		
<!-- ###WTGALLERY_CATEGORY### begin --> 
<div class="wtgallery_category_area">
   <!-- ###CONTENT### -->
      <!-- ###ITEM### -->
      <div class="wtgallery_categories ###CLASS###">
         <div class="wtgallery_category_pic">###IMAGE###</div>
            <!-- ###CATEGORYLINK### -->###TEXT###<!-- ###CATEGORYLINK### -->
         </div>
      <!-- ###ITEM### -->
   <!-- ###CONTENT### -->
   <div class="clear"></div>
	###PAGEBROWSER###
   </div>
<!-- ###WTGALLERY_CATEGORY### end -->

wt_directory HTML Template for category_browser view

	Current page - from X to...:							###CURRENT_MIN###
    Current page - to X pictures:							###CURRENT_MAX###
    Overall pictures on all pages: 							###OVERALL###
    Insert HMENU (define via TS):							###PAGELINKS###
    Insert link to start category (define via TS):			###STARTCATEGORYLINK###
    
	GLOBAL MARKERS:
	Displaying any value from pi1/locallang.xml:			###WTGALLERY_LL_YOURFIELD### (Could be filled via locallang.xml or typoscript - see manual for details)
	Displaying any value from typoscript:					###WTGALLERY_TS_YOURFIELD### (Could be filled via typoscript - see manual for details)

<!-- ###WTGALLERY_CATEGORY_PAGEBROWSER### begin --> 
	<div class="wtgallery_category_pagebrowser_area">   
        <p>###CURRENT_MIN### ###WTGALLERY_LL_PAGEBROWSER_UPTO### ###CURRENT_MAX### ###WTGALLERY_LL_PAGEBROWSER_WITHIN### ###OVERALL###</p>
        <p>###PAGELINKS###</p>
        ###STARTCATEGORYLINK###
	</div>
<!-- ###WTGALLERY_CATEGORY_PAGEBROWSER### end --> 
</pre>

cooliris.html
<pre>
wt_gallery HTML Template for cooliris rss

	--- Markers within loop ---
	Picture resource (like typo3temp/picture.jpg)			###IMAGE###
	Picture filename (e.g. pic.jpg):						###BASENAME###
    Filename without extension (e.g. pic):					###FILENAME###
    Extension (e.g. jpg):									###EXTENSION###
    Relative path to this folder (e.g. fileadmin/folder/):	###DIRNAME###
    Timestamp of current picture:							###TSTAMP###
	Name of folder:											###CURRENTFOLDER###
    
    --- Markers out of loop ---
    ###TITLE###
    ###URL###
    ###DESCRIPTION###
    

	GLOBAL MARKERS:
	Displaying any value from pi1/locallang.xml:			###WTGALLERY_LL_YOURFIELD### (Could be filled via locallang.xml or typoscript - see manual for details)
	Displaying any value from typoscript:					###WTGALLERY_TS_YOURFIELD### (Could be filled via typoscript - see manual for details)
    
    
<!-- ###WTGALLERY_COOLIRIS_RSS### begin --> 
    <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
    <rss version="2.0" xmlns:media="http://search.yahoo.com/mrss" xmlns:atom="http://www.w3.org/2005/Atom">
        <channel>
                <title>wt_gallery</title>
                <link>http://testumgebung.einpraegsam.net/</link>
                <description>Description</description>
                
                <!-- ###CONTENT### --><!-- ###ITEM### -->
                    <item>
						<title>###FILENAME###</title>
            			<link>###IMAGE###</link>
                        <guid>###FILENAME###</guid>
                        <media:thumbnail url="###IMAGE###" />
                        <media:content url="###IMAGE###" type="image/jpeg" />
                    </item>
                <!-- ###ITEM### --><!-- ###CONTENT### -->
        
        </channel>
    </rss>
<!-- ###WTGALLERY_COOLIRIS_RSS### end --> 
</pre>

list.html
<pre>
wt_gallery HTML Template for list view

	--- Markers within loop ---
	Imagetag (e.g. <img src="typo3temp/pic.jpg">):			###IMAGE###
	Imagepath (e.g. typo3temp/pic.jpg):						###PICTURE###
	Picture filename (e.g. pic.jpg):						###BASENAME###
    Filename without extension (e.g. pic):					###FILENAME###
    Extension (e.g. jpg):									###EXTENSION###
    Relative path to this folder (e.g. fileadmin/folder/):	###DIRNAME###
    Timestamp of current picture:							###TSTAMP###
	Name of folder:											###CURRENTFOLDER###
    Image text (from EXIF or txt file):						###TEXT###
    Dynamic class (firstofrow, centerofrow, lastofrow):		###CLASS###
    Subpart for Single view link:							<!-- ###SINGLELINK### -->Image<!-- ###SINGLELINK### -->
    
    --- Markers out of the loop ---
    Inserts pagebrowser to Marker							###PAGEBROWSER###
    

	GLOBAL MARKERS:
	Displaying any value from pi1/locallang.xml:			###WTGALLERY_LL_YOURFIELD### (Could be filled via locallang.xml or typoscript - see manual for details)
	Displaying any value from typoscript:					###WTGALLERY_TS_YOURFIELD### (Could be filled via typoscript - see manual for details)
	
	
	
<!-- ###WTGALLERY_LIST### begin --> 
    <div class="wtgallery_list_area">
        <!-- ###CONTENT### --><!-- ###ITEM### -->
            <div class="wtgallery_list ###CLASS###">
                ###IMAGE###
            </div>
        <!-- ###ITEM### --><!-- ###CONTENT### -->
        <div class="clear"></div>
        ###PAGEBROWSER###
    </div>
<!-- ###WTGALLERY_LIST### end -->





wt_gallery HTML Template for pagebrowser in listview

	Current page - from X to...:						###CURRENT_MIN###
    Current page - to X pictures:						###CURRENT_MAX###
    Overall pictures on all pages: 						###OVERALL###
    Insert HMENU:										###PAGELINKS###

	GLOBAL MARKERS:
	Displaying any value from pi1/locallang.xml:		###WTGALLERY_LL_YOURFIELD### (Could be filled via locallang.xml or typoscript - see manual for details)
	Displaying any value from typoscript:				###WTGALLERY_TS_YOURFIELD### (Could be filled via typoscript - see manual for details)
	
	
	
<!-- ###WTGALLERY_LIST_PAGEBROWSER### begin --> 
    <div class="wtgallery_list_pagebrowser_area">
        <p>###CURRENT_MIN### ###WTGALLERY_LL_PAGEBROWSER_UPTO### ###CURRENT_MAX### ###WTGALLERY_LL_PAGEBROWSER_WITHIN### ###OVERALL###</p>
        <p>###PAGELINKS###</p>
    </div>
<!-- ###WTGALLERY_LIST_PAGEBROWSER### end -->
</pre>

single.html
<pre>
wt_directory HTML Template for single view

	Imagetag (e.g. <img src="typo3temp/pic.jpg">):		###IMAGE###
    Image text (from EXIF or txt file):					###TEXT###
    Picture (e.g. fileadmin/pics/pic.jpg):				###PICTURE###
    Filename (e.g. pic):								###FILENAME###
    Dirname (e.g. fileadmin/pics):						###DIRNAME###
    Basename (e.g. pic.jpg):							###BASENAME###
    Extension (e.g. jpg):								###EXTENSION###
    Timestamp of changedate:							###TSTAMP###
    Insert link to listview (define via TS):			###LISTVIEWLINK###
    Subpart for next link:								<!-- ###NEXT### -->Next<!-- ###NEXT### -->
    Subpart for previous link:							<!-- ###PREVIOUS### -->Previous<!-- ###PREVIOUS### -->
    

	GLOBAL MARKERS:
	Displaying any value from pi1/locallang.xml:		###WTGALLERY_LL_YOURFIELD### (Could be filled via locallang.xml or typoscript - see manual for details)
	Displaying any value from typoscript:				###WTGALLERY_TS_YOURFIELD### (Could be filled via typoscript - see manual for details)



<!-- ###WTGALLERY_SINGLE### begin -->
	<div class="wtgallery wtgallery_single wt_gallery_single_###FILENAME###">
		<!--<h2 class="wtgallery_single">###WTGALLERY_LL_TITLE_SINGLE###</h2>-->
        ###IMAGE###
        <div class="wtgallery_single_browser">
        	<div class="wtgallery_single_browser_previous">
            	<!-- ###PREVIOUS### -->###WTGALLERY_LL_PREVIOUS###<!-- ###PREVIOUS### -->
            </div>
            <div class="wtgallery_single_browser_next">
            	<!-- ###NEXT### -->###WTGALLERY_LL_NEXT###<!-- ###NEXT### -->
            </div>
        </div>
        ###TEXT###
        ###LISTVIEWLINK###
    </div>
<!-- ###WTGALLERY_SINGLE### end -->
</pre>

== CSS ==
Zusätzliches CSS für wt_gallery (rest kommt aus der Extension
wt_gallery.css
<pre>
/*gallery*/
div.tx-wtgallery-pi1 {
	padding: 0px;
	background-color: #FFF;
margin: 0 0 1em 0;
}

div.tx-wtgallery-pi1 ul{
padding: 0 0 0 0px !important;
margin: 0;
}
div.tx-wtgallery-pi1 li{
display: inline;
padding-right:0.5em;
margin: 0;
}
div.tx-wtgallery-pi1 p{
margin:0;
padding: 0 0 0 0px;}

div.tx-wtgallery-pi1 a{
margin: 0;
padding: 0;
}
/*categories*/
div.wtgallery_categories{
background: #cae5b7;
border: 1px solid #6fa24a;
text-align:center;
margin: 0 5px 10px 5px;
padding: 0;
width: 150px;
height: 155px;
}

div.wtgallery_category_pic{
padding:8px 0 2px 0;
}
div.wtgallery_category_pic img{
border: 1px solid #6fa24a !important;
}
div.wtgallery_category_folder,
div.wt_gallery_category_inner_text{
font-size: 11px;
}

div.wt_gallery_category_inner_text{
margin: 0 4px;
}

/*list*/
div.wtgallery_list {
	padding: 1px;
	margin: 7px;
	background-color: #FFF;
}
div.wtgallery_list_area{
/*background: pink;*/
}

div.wtgallery_list_area .list_row{
padding-left:9px;
}

div.wtgallery_list a img {
	padding: 1px;
/*	filter: alpha(opacity=66);
	-moz-opacity: 0.66;
	opacity: 0.66;*/
	border: 1px solid #6fa24a !important;
}
div.wtgallery_list_current a img {
	border: 1px solid #6fa24a !important;
}
div.wtgallery_list a:hover img {
/*	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;*/
        background: #cae5b7;
}

/*single*/
div.wt_gallery_single_inner_pic {
	margin: 10px;
	padding: 1px;
}
div.wt_gallery_single_inner_pic a img {
	border: 1px solid #6fa24a !important;
}

div.wtgallery_single{
width: 496px;
margin: 0 0 0 12px;
}
div.wtgallery_single img{
padding: 1px;
}

div.wt_gallery_single_inner_title {
	font-weight: bold;
	margin-top: 5px;
}
div.wt_gallery_single_inner_comments {

}
div.wtgallery_single_browser{
text-align: center;
margin: auto;
}
div.wtgallery_single_browser_previous{
display: inline;
margin: 0 0.5em;
}
div.wtgallery_single_browser_next{
display: inline;
margin: 0 0.5em;
}

</pre>


== Singleansicht mit Perfect Light Box ==
Folgender Schnipsel eignet sich um eine Listenseite mit Imagelightbox anzuschauen:
<pre>
# WT Gallery PerfectLightbox für Listenansicht
plugin.tx_wtgallery_pi1 {
  list {
    image = IMAGE
    image {
      imageLinkWrap.typolink {
        parameter.cObject = IMG_RESOURCE
        parameter.cObject.file.import.field = picture
        parameter.cObject.file.maxW = 600
        parameter.cObject.file.maxH = 600
        ATagParams = rel="lightbox[galerie]"
      }
    }

</pre>

Natürlich muß die Lightbox installiert sein für das Beispiel hier wurde perfectlightbox benutzt.