The dbf_slideshow_gallery-Plugin enables You to show a nice Slideshow at Your Constructr-Website. It is build using jQuery and the Cycle-Plugin. You can define the Effect of the Slideshow (shuffle,zoom,fade,turnDown,curtainX,…). Just follow these Steps to include a Slideshow at Your Website driven by Constructr CMS:
1) First download the Plugin-Files.
2) Unzip the Plugin and transfer it to the Plugin-Directory locatet at ROOT/plugins/
3) Place the Plugin File jquery.cycle.all.js in a Directory js in Your Workspace located at ROOT/data/workspace/js/
4) Define the $JS_INNER_PATH if not defnied yet at Your main Template File:
$INNER_JS_PATH = ‘http://’ . $host . $uri . ‘/data/workspace/js/’;
5) Include some Javascript in the Header of Your Main Template File:
<script type=”text/javascript” src=”http://code.jquery.com/jquery.js”></script>
<script type=”text/javascript” src=”<?php echo $INNER_JS_PATH; ?>jquery.cycle.all.js”></script>
<script type=”text/javascript”>
$(document).ready(function()
{
$(‘#special_phaziz’).cycle({
fx : ’shuffle’,
random : true,
speed : ’slow’,
timeout: 3000
});
});
</script>
6) Include a little additional CSS in Your Style-Definition:
.phazizSlider
{
margin-left: auto;
margin-right: auto;
display:block;
width:960px;
height:300px;
overflow:hidden;
}
.phazizSlider img
{
padding: 0;
border: 1px solid #ccc;
background-color: #eee;
width: 960px;
height: 300px;
top: 0;
left: 0
}
7) Include the Plugin File in Your Main Template-File:
<?php include(‘plugins/dbf_slideshow_gallery/dbf_slideshow_gallery_fe.inc.php’); ?>
8) Install and activate the Plugin at Your Backend. Thats it – now You should be able to select some Pix at the Backend of Your Constructr CMS Plugin-Section.
Any Questions? Visit http://phaziz.com/forum/!