phaziz interface design Constructr CMS

Erweiterung der DBF Preview Gallery

Entgegen der bekannten Preview Gallery gibt es eine Erweiterung um eine Gesamtübersichtsseite zur Verfügung zu stellen. Anstelle der kleinen Gallery Vorschau mit Pagination wird auf eine neue Seite verlinkt, auf der alle Bilder einer erstellten Gallery dargestellt werden. Ein Beispiel davon gibt es z.B. unter http://www.dirk-beumer.de/architektur/

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

Donate for Constructr CMS!



Follow me on twitter.com

XING

Wordpress.org

9rules.com