phpwcms Support Forum

Code: Select all

<!--IMAGES_HEADER_START//-->

[TITLE]<h1>{TITLE}</h1>[/TITLE]
[SUBTITLE]<h2>{SUBTITLE}</h2>[/SUBTITLE]
[TEXT]{TEXT}[/TEXT]
<!--
[EFFECT_1][Ich bin der Effekt 1] : [/EFFECT_1]
[EFFECT_2][Ich bin der Effekt 2] : [/EFFECT_2]
[EFFECT_3][Ich bin der Effekt 3]<br />[/EFFECT_3]
-->
<div class="slider_o" id="slider_container_o_{ID}">
	<div id="slider_o_{ID}" class="inner_o">  
<!--IMAGES_HEADER_END//-->


<!--IMAGES_ENTRY_START//-->
		[ZOOM]<a href="{IMAGE_ABS}" {LIGHTBOX_CAPTION}target="_blank"{LIGHTBOX}><img src="{THUMB_ABS}" alt="{THUMB_NAME}" border="0"/><br />
<span class="thumb_capture">{CAPTION}</span></a>		
[/ZOOM][ZOOM_ELSE]
		[IMAGE_URL]<a href="{IMAGE_URL}"{IMAGE_TARGET}>[/IMAGE_URL]<img src="{THUMB_ABS}" alt="{THUMB_NAME}" border="0" />[IMAGE_URL]</a>[/IMAGE_URL]
[/ZOOM_ELSE]
<!--IMAGES_ENTRY_END//-->


<!--IMAGES_ENTRY_SPACER_START//--><!--IMAGES_ENTRY_SPACER_END//-->


<!--IMAGES_ROW_SPACER_START//--><!--IMAGES_ROW_SPACER_END//-->


<!--IMAGES_FOOTER_START//-->
	</div>
</div>
<div style="text-align:center">
<a href="#" id="move_left_o">Nach links</a> | <a href="#" id="move_right_o">Nach rechts</a>
</div>

[PHP]

	$GLOBALS['block']['css']['slider'] = 'specific/slider_oben.css';
	
	$GLOBALS['block']['custom_htmlhead']['slider'] = '  <script type="text/javascript">
  <!--

	window.addEvent(\'domready\', function(){
	
		var slider_width	= 0;
		var step			= 161;
		var scroll_x		= 0;
		var slider_parent	= $(\'slider_container_o_{ID}\').getSize().size.x;
		
		$$(\'div.slider_o a\').each( function(e) {
			
			slider_width += e.getSize().size.x + 5;
			
		});
				
		var scroll = new Fx.Scroll(\'slider_container_o_{ID}\', {
			wait: false,
			duration: 550,
			offset: {\'x\': 0, \'y\': 0},
			transition: Fx.Transitions.Quad.easeOut
		});
		
		scroll.scrollTo(0, 0);
		
		$(\'move_right_o\').addEvent(\'click\', function(event) {
			event = new Event(event).stop();
			if(slider_width-slider_parent <= scroll_x) {
				scroll_x = scroll_x - 161;
			}
			scroll_x = scroll_x + 161;
			scroll.scrollTo(scroll_x, 0);
		});
		
		$(\'move_left_o\').addEvent(\'click\', function(event) {
			event = new Event(event).stop();
			scroll_x = scroll_x - 161;
			if(scroll_x < 0) {
				scroll_x = 0;
			}
			scroll.scrollTo(scroll_x, 0);
		});
		

	});
	
  //-->
  </script>';

[/PHP]
<!--IMAGES_FOOTER_END//-->

Code: Select all

<!--IMAGES_HEADER_START//-->

[TITLE]<h1>{TITLE}</h1>[/TITLE]
[SUBTITLE]<h2>{SUBTITLE}</h2>[/SUBTITLE]
[TEXT]{TEXT}[/TEXT]
<!--
[EFFECT_1][Ich bin der Effekt 1] : [/EFFECT_1]
[EFFECT_2][Ich bin der Effekt 2] : [/EFFECT_2]
[EFFECT_3][Ich bin der Effekt 3]<br />[/EFFECT_3]
-->
<div class="slider_u" id="slider_container_u_{ID}">
	<div id="slider_u_{ID}" class="inner_u">  
<!--IMAGES_HEADER_END//-->


<!--IMAGES_ENTRY_START//-->
		[ZOOM]<a href="{IMAGE_ABS}" {LIGHTBOX_CAPTION}target="_blank"{LIGHTBOX}><img src="{THUMB_ABS}" alt="{THUMB_NAME}" border="0"/><br />
<span class="thumb_capture">{CAPTION}</span></a>		
[/ZOOM][ZOOM_ELSE]
		[IMAGE_URL]<a href="{IMAGE_URL}"{IMAGE_TARGET}>[/IMAGE_URL]<img src="{THUMB_ABS}" alt="{THUMB_NAME}" border="0" />[IMAGE_URL]</a>[/IMAGE_URL]
[/ZOOM_ELSE]
<!--IMAGES_ENTRY_END//-->


<!--IMAGES_ENTRY_SPACER_START//--><!--IMAGES_ENTRY_SPACER_END//-->


<!--IMAGES_ROW_SPACER_START//--><!--IMAGES_ROW_SPACER_END//-->


<!--IMAGES_FOOTER_START//-->
	</div>
</div>
<div style="text-align:center">
<a href="#" id="move_left_u">links</a> | <a href="#" id="move_right_u">rechts</a>
</div>

[PHP]

	$GLOBALS['block']['css']['slider'] = 'specific/slider_unten.css';
	
	$GLOBALS['block']['custom_htmlhead']['slider'] = '  <script type="text/javascript">
  <!--

	window.addEvent(\'domready\', function(){
	
		var slider_width	= 0;
		var step			= 161;
		var scroll_x		= 0;
		var slider_parent	= $(\'slider_container_u_{ID}\').getSize().size.x;
		
		$$(\'div.slider_u a\').each( function(e) {
			
			slider_width += e.getSize().size.x + 5;
			
		});
				
		var scroll = new Fx.Scroll(\'slider_container_u_{ID}\', {
			wait: false,
			duration: 550,
			offset: {\'x\': 0, \'y\': 0},
			transition: Fx.Transitions.Quad.easeOut
		});
		
		scroll.scrollTo(0, 0);
		
		$(\'move_right_u\').addEvent(\'click\', function(event) {
			event = new Event(event).stop();
			if(slider_width-slider_parent <= scroll_x) {
				scroll_x = scroll_x - 161;
			}
			scroll_x = scroll_x + 161;
			scroll.scrollTo(scroll_x, 0);
		});
		
		$(\'move_left_u\').addEvent(\'click\', function(event) {
			event = new Event(event).stop();
			scroll_x = scroll_x - 161;
			if(scroll_x < 0) {
				scroll_x = 0;
			}
			scroll.scrollTo(scroll_x, 0);
		});
		

	});
	
  //-->
  </script>';

[/PHP]
<!--IMAGES_FOOTER_END//-->