{{indexmenu_n>10}}

====== Zufallsbild (Template) ======

== Zeigt ein Zufallsbild aus einem Bilderset der CPs Bilder <div>/spezial ==

\\


Docu: -- \\
Forum: [[http://forum.phpwcms.org/viewtopic.php?p=115291#p115291|Display random image from filemanager]] 

**Autor:** K.Heermann (flip-flop) http://planmatrix.de //2009/03/26 // \\
**CMS Version:** >= V1.39 \\
**Version:** V1.0 \\
**Update:** -- \\

**Tag:** ##**--**##


Dateiname: **random_image.tmpl** \\
Verzeichnis: ** /template/inc_cntpart/images/ **

**Bedingung:** ##$phpwcms['allow_cntPHP_rt']   = 1;## -> [[http://www.phpwcms-docu.de/confincphp_de.phtml|/config/phpwcms/conf.inc.php]] 
----
----
\\
Inspiriert durch den Beitrag vom User "breitsch" zu diesem Theme stelle ich hier eine andere generelle Lösung vor, die auf den Templates für "**Bilder <div>**" oder "**Bilder spezial**" aufbaut.

Es ist eine etwas flexiblerer Ansatz:
  * Liste der Bilder aus dem CP
  * width/heigth Parameter aus dem CP
  * Lightbox (zoom allein funktioniert nicht!!!).
  * alt/title Tag aus dem CP
  * Bilde eigene CSS classes/IDs

  * Rückfallbild (Bitte trage dein eigenes Bild am Ende des Prgrammierschnipsels ein.)

  * Benutze [[http://www.phpwcms-docu.de/index.php?aid=45&highlight=show_content|{SHOW_CONTENT:....}]] um die Ausgabe in der Seitenvorlage zu platzieren, wenn notwendig.

\\ 

<code php |h random_image.tmpl |h >
<!--IMAGES_HEADER_START//-->

<div class="images" id="images{ID}">

[PHP]

	$my_images = array();
	$my_counter = -1;

<!--IMAGES_HEADER_END//-->


<!--IMAGES_ENTRY_START//-->

	$my_counter++;
	$my_images[$my_counter][0] = '{IMAGE}';  // complete html string with image
	$my_images[$my_counter][1] = '{IMGID}';  // image-id

<!--IMAGES_ENTRY_END//-->

<!--IMAGES_ENTRY_SPACER_START//--><!--IMAGES_ENTRY_SPACER_END//-->
<!--IMAGES_ROW_SPACER_START//--><!--IMAGES_ROW_SPACER_END//-->


<!--IMAGES_FOOTER_START//-->

echo '<div class="imageEntry">'.LF;

if (!empty($my_images) ) {
	echo '<div id="img'.$my_images[$my_counter][1].'">'.LF;  // ID

//	srand(microtime()*1000000); // Only for php version < 4.2
	echo $my_images[rand(0,$my_counter)][0];  // iamge output

	echo '</div>'.LF;  // End ID
} 
else 
{ // ************* Please insert your fallback image *************
	echo '<img src="content/images/my_fallback_image.jpg" width="200" height="150" alt="My alt" title="My title" border="0" />';
}
echo '</div>'.LF;

unset ($my_images);
unset ($my_counter);

[/PHP]

</div>
<!--IMAGES_FOOTER_END//-->
</code>

\\

==== Mehrere Möglichkeiten ====

Wenn Du mehr Möglichkeiten probieren willst, spiele etwas mit den Parametern wie {THUMB_HEIGHT} oder {IMAGE_HASH} usw..

<file>
<!--
      Thumbnail image: {THUMB_NAME}
        relative:      {THUMB_REL}
        absolute:      {THUMB_ABS}
        height/width:  {THUMB_HEIGHT}px/{THUMB_WIDTH}px
        image ID:      {IMAGE_ID}
        image Hash:    {IMAGE_HASH}
      
      If you are not sure wrap zoomed image:
      [ZOOM]
      Zoomed (big) image: {IMAGE_NAME}
        relative: {IMAGE_REL}
        absolute: {IMAGE_ABS}
        height/width: {IMAGE_HEIGHT}px/{IMAGE_WIDTH}px
      [/ZOOM]      
   //-->
</file>

==== Parameterübergabe ====

== aus dem Bereich ==

<code php>
<!--IMAGES_ENTRY_START//-->

$my_images[$my_counter][2] = '{THUMB_HEIGHT}'; // image-id
$my_images[$my_counter][3] = '{THUMB_WIDTH}'; // image-id
// and so on .......

<!--IMAGES_ENTRY_END//-->
</code>

== in den Bereich hinein ==


<code php>
<!--IMAGES_FOOTER_START//-->

echo 'Test thumb height'.$my_images[$my_counter][2].'<br />'.LF;
echo 'Test thumb width'.$my_images[$my_counter][3].'<br />'.LF;

<!--IMAGES_FOOTER_END//-->
</code> 

===== Zufallsbild mit EnlargeIt! v1.1 =====
 
[[http://enlargeit.timos-welt.de/english/11/|EnlargeIt! v1.1]]

**Dateien und Verzeichnisse:**
  * template/inc_js/enlargeit/enlargeit.js  
  * template/inc_js/enlargeit/css/
  * template/inc_js/enlargeit/img/

**Einschalten von EnlargeIt!:** 

Voraussetzung: ##X## Klick vergrößern      ##X## LightBox \\
Im Feld Bildabstand: ##1## px auswählen, alle anderen Einträge bilden die LightBox ab.

<code php |h random_image_enlargeit.tmpl |h >
<!--IMAGES_HEADER_START//-->

<div class="images" id="images{ID}">

[PHP]

	$my_images = array();
	$my_counter = -1;

<!--IMAGES_HEADER_END//-->


<!--IMAGES_ENTRY_START//-->


	$my_counter++;
	$my_images[$my_counter][0] = '{IMAGE}';  // complete html string with image
	$my_images[$my_counter][1] = '{IMGID}';  // image-id

	$my_zoom = false;
	[ZOOM]
	$my_zoom = true;
	$my_space = '{SPACE}';                       // Input in "image space:"  1 = use enlarge  /  <> 1 = use lightBox
	$my_images[$my_counter][2] = '{THUMB_REL}';  // image-id
	$my_images[$my_counter][3] = '{IMAGE_REL}';  // image-id
	[/ZOOM]


<!--IMAGES_ENTRY_END//-->

<!--IMAGES_ENTRY_SPACER_START//--><!--IMAGES_ENTRY_SPACER_END//-->
<!--IMAGES_ROW_SPACER_START//--><!--IMAGES_ROW_SPACER_END//-->


<!--IMAGES_FOOTER_START//-->

echo '<div class="imageEntry">'.LF;


if (!empty($my_images) ) {
	echo '<div id="img'.$my_images[$my_counter][1].'">'.LF;  // ID


//	srand(microtime()*1000000); // Only for php version < 4.2
	$my_random = rand(0,$my_counter);
	

// <img style="cursor: url(./exfiles/pluscur.cur), pointer;" id="enl_autoid0" title="" src="expics/thumb_hor1.jpg" onclick="enlarge(this);" longdesc="expics/normal_hor1.jpg" alt="Picture 1" class="thumbnail">

	if ($my_zoom) {
		if ($my_space == 1) {  // Output enlarge
			echo '<img src="'.$my_images[$my_random][2].
		'" alt="" onclick="enlarge(this);" longdesc="'.$my_images[$my_random][3].
		'" style="padding:5px; border:1px solid #000; " class="thumbnail" />';
		} else
		{
			echo $my_images[$my_random][0];  // image output lightbox
		}
	} else
	{
		echo $my_images[$my_random][0];  // image output lightbox
	}
	echo '</div>'.LF;  // End ID
} 
else 
{ // ************* Please insert your fallback image *************
	echo '<img src="content/images/my_fallback_image.jpg" width="200" height="150" alt="My alt" title="My title" border="0" />';
}


echo '</div>'.LF;

unset ($my_images);
unset ($my_counter);
unset ($my_random);
unset ($my_zoom);
unset ($my_space);

[/PHP]

</div>

[PHP]


$GLOBALS['block']['custom_htmlhead']['enlargeit.js'] = '  <script src="'.TEMPLATE_PATH.'inc_js/enlargeit/enlargeit.js" type="text/javascript"></script>';
$GLOBALS['block']['custom_htmlhead']['enlargeit'] = '  <script type="text/javascript">
  // <![CDATA[
        enl_ani = 3;
        enl_brdcolor = \'#FFFFFF\';
        enl_titletxtcol = \'#444444\';
        enl_ajaxcolor = \'#d0d0d0\';
        enl_brdsize = 20;
        enl_maxstep = 30;
        enl_speed = 12;
        enl_shadow = 1;
        enl_shadowintens = 20;
        enl_shadowsize = 3;
        enl_center = 1;
        enl_dark = 0;
        enl_darkprct = 20;
        enl_preload = 1;
        enl_drgdrop = 1;
        enl_darksteps = 5;
        enl_keynav = 1;
        enl_wheelnav = 1;
        enl_opaglide = 1;
        enl_minuscur=\'minuscur.cur\';
        enl_brdround = 1;
        enl_brdbck = \'\';
        enl_buttonurl[0] = \'prev\';
        enl_buttontxt[0] = \'Previous picture [left arrow key]\';
        enl_buttonoff[0] = -216;
        enl_buttonurl[1] = \'next\';
        enl_buttontxt[1] = \'Next picture [right arrow key]\';
        enl_buttonoff[1] = -234;
        enl_buttonurl[2] = \'close\';
        enl_buttontxt[2] = \'Close [Esc key]\';
        enl_buttonoff[2] = -0;
        enl_gifpath = \'template/inc_js/enlargeit/img/\';
        enl_btnact=\'bact.png\';
        enl_btninact=\'binact.png\';
   // ]]>
  </script>';
[/PHP]

<!--IMAGES_FOOTER_END//-->
</code>
\\