Image Gallery Slide Show

You may want to display images from certain gallery as slide show on the intranet homepage to spice things up a little.

Copy this code below to area where you want it displayed, usualy:

/interface_{custom}/main/right_column.html

or

/interface_{custom}/main/intranethome.html

<!-- IMAGE SLIDE SHOW -->
<!--@head@
 
<script type="text/javascript" src="/interface_{custom}/js/jquery.js"></script>
<script type="text/javascript" src="/interface_{custom}/js/jquery.cycle.all.pack.js"></script>
 
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script>
-->
<div class="infobox" style="height:224px;">
<div class="slideshow">
<component class_key="gallery_last_images" album_id="12" thumb_width="330" thumb_height="500" count="10" layout="custom" template="gallery/includes/component_slideshow.html">
</div>
</div>
<!-- //IMAGE SLIDE SHOW -->

Create file called

component_slideshow.html

containing this code:

<txt name="images_list_dsrc" datasrc="">
  <a name="image_details_href">
    <!-- div wrapper below is optional, it is used to crop portrait images to 200px height -->
    <div style="height:200px; overflow:hidden;">
     <img name="image">
    </div>
    <strong><txt name="title">image title</txt></strong>
  </a>
</txt>

upload it to

/interface{custom}/gallery/includes/

Download this these javascript file:

Extract them to:

/interface_{custom}/js

Example: