ok, here you go:
create a new ressource, which is not on your menu. You can choose contenttype text/xml and template blank.
pagetitle: simpleviewer.xml
content:
<?xml version="1.0" encoding="UTF-8"?>
<simpleviewergallery
galleryStyle="MODERN"
title="SimpleViewer Gallery"
textColor="FFFFFF"
frameColor="FFFFFF"
frameWidth="20"
thumbPosition="LEFT"
thumbColumns="3"
thumbRows="4"
showOpenButton="TRUE"
showFullscreenButton="TRUE"
maxImageWidth="640"
maxImageHeight="640"
useFlickr="false"
flickrUserName=""
flickrTags=""
languageCode="AUTO"
languageList=""
imagePath="images/"
thumbPath="thumbs/"
>
[!Ditto? &extenders=`request`&tpl=`simpleviewer`&display=`all`&orderBy=`menuindex ASC` !]
</simpleviewergallery>
to choose your image in the manager create an imageTV for your template, i named it imagepath
inputtype: image , nothing else.
create a chunk for ditto
name:simpleviewer
content:
<image imageURL="[+imagepath+]" thumbURL="[+imagepath+]" linkURL="" linkTarget="" >
<caption>[+content+]</caption>
</image>
(in this first step for testing I used the same image for thumbnail and image, I think there are ways to get the thumb dynamic or create the thumb with phpthumb or directresize or something like that.............in a later step)
at the resource ,where you want to have simpleviewer something like that in your head:
(modify your path, where you have simpleviewer installed)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "[~177~]?ditto_parents=[*id*]";//replace 177 with your resourceID of 'simpleviewer.xml'
var params = {};
params.bgcolor = "222222";
params.allowfullscreen = true;
params.allowscriptaccess = "always";
swfobject.embedSWF("assets/simpleviewer/web/simpleviewer.swf", "flashContent", "800", "600", "9.0.124", false, flashvars, params);
</script>
add subdocuments for each image under these resource and choose your images, add content for imagecaption.
you can sort them with the module docmanager.
☆ A M B ☆
