In this example I retrieve 25 movies from youtube with the keywords
Phil Collins.
The movies are sorted with the option
relevance.
Imgeflow will start focussed on the retrieved 11th movie.
INSTALLATION
Unrar and upload to your server
Open index.php and change the settings to your needs
//Default keywords
$videocode = "Phil Collins";
//Sorting - can be relevance (default), published, viewCount, rating
$sorteren = "relevance";
//Maximum results (cannot not be higher then 50)
$maximaal = 25;
//Background for video player and div layer
$background = "#FFFFFF";
//false for normal playback quality
$highquality = false;
//Directory where the images will be stored and cached (needs to be chmod to 775 or 777)
$imagesdir = "./img/";
//Cache the xml feed too true or false
$cachexml = false;
//Empty cache after one hour 3600, one day 86400 or 604800 one week)
//Remove if you don't use the search form above ( since you don't really need it then )
$cacheLife = 3600;
There are two javascript settings you can change
1. Imageflow
/* Sets the numbers of images on each side of the focussed one */
conf_focus = 4;
/* 0 = default, 1 = small to big picture Change this to see the effect */
sizeAlgo = 0; //
/* Glide to a picture on startup. For example 10 is the 11th picture
Use 0 for the starting picture */
glidetopicture = 10;
/* Autostart slideshow */
slideshowauto = true;
/* Show slideshow button */
slideshowbutton = true;
/* Slideshow time setting in seconds */
slideshowtime = 3000;
2. Youtube player
//Settings for the widht and height of the youtube player
var youtubewidth = '425';
var youtubeheight = '350';
//Settings for the position of the youtube player
vidPaneID = document.getElementById('youtubepopup');
vidPaneID.style.top='-350px';
vidPaneID.style.left='-30px';
The searchform can be removed easily ( just needed them for the demo )
TIP. If the results are less then 10 movies, imageflow will loose the focus because in this example I have set the starting image on 10.
Solution is to set the glidetopicture to 0
glidetopicture = 0
If you want to use some javascript to handle the slideshow you can use the following functions
One picture forwards onclick="handle(-1);"
One picture backwards onclick="handle(1);"
Stop slideshow onclick="stopslideshow();"
Play slideshow onclick="slideshow(1);"
