phaziz interface design Constructr CMS

How to implement a nice Slideshow? (Using a Plugin)

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/!

Category: Constructr CMS, Documentation

Tagged: , , , , ,

2 Kommentare

  1. envendgof says:

    now in my rss reader)))

  2. getenteniacop says:

    great domain name for blog like this)))

Einen Kommentar hinterlassen

Donate for Constructr CMS!



Follow me on twitter.com

XING

Wordpress.org

9rules.com