Dailymotion + imageflow + slideshow

In this example I retrieve 14 (maximum per page) movies from Dailymotion with the keywords www.candyrat.com.
The movies are sorted with the option relevance and the images will be cached for one hour.
Imgeflow will start focussed on the retrieved 2nd movie and with autostart slideshow.
The maximum result is set to 50 movies.

Other versions

• imageflow + youtube version
• imageflow + flickr version
• imageflow + picasa version

Shortcut to

Overview     License     Download     Installation     Tips     About     Comments

Overview

ImageFlow is a picture gallery, which allows an intuitive image handling. The basic idea is to digitally animate the thumbing through a physical image stack. The intuitive handling is automatically caused by the metaphorical use of the well known process of thumbing through.
This solution is known as the Cover Flow technique, which has been developed by the artist Andrew Coulter Enright. Now - after it has been bought by Apple - it is used in iTunes and the file browser of Apples OSX.
This is not the official version of ImageFlow. It is a modified version by Ceasar Feijen from cfconsultancy to make it compatible for playing youtube , dailymotion movies and the picasa photoalbum.
Grab yourself a copy of the official ImageFlow version at http://imageflow.finnrudolph.de.
For more information about ImageFlow read Finn's Documentation and check his Newsblog.

License

You're free to use this for both commercial or personal use as long as you link back to http://www.imageflow.nl.
Imageflow with dailymotion is released under a Creative Commons Attribution 3.0 License.
If you want to remove the link to this site you will have to pay 29 euro for every site.
Questions, comments or remarks can be posted here.
Top

Download

Download: Imageflow dailymotion 1.0 .rar [28 KB]
Top

ChangeLog

• Fixed the imageflow js so it can be minified (only 6.52 kb)
• Added some options like starting picture, change small to big picture. these options can be set in a seperate js
• Added an optional automatic Slideshow with play again button. On every (click or mouse) event in imageflow it will stop.
• Added an extra function to resize a picture for a better quality
• Changed the example css for an easier adaption
• Added a dailymotion player which can be dragged in your browser
• Colors to the dailymotion player can easily be changed
• Works in all modern browsers
• The search will take a little bit more time. Once retrieved the images and optional the dailymotion feed will be cached.
• Requirements: php5, Curl or allow url fopen

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), hd, visited, rated, commented
$sorteren = "relevance";
//Background for video player and div layer
$background = "#FFFFFF";
//Foreground dailymotion player
$foreground = "#000000";
//Reflection bgcolor
$reflection = "#012E55";
//Directory where the images will be stored and cached (needs to be chmod to 775 or 777)
$imagesdir = "./img/";
//Previous and next button
$prevnext = true;
//Empty cache after one hour 60*60, one day 24*60*60 or 7*24*60*60 one week
$cacheLife = 60*60;

The following javascript settings can be changed.
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 = 0;
/* Autostart slideshow */
slideshowauto = true;
/* Show slideshow button */
slideshowbutton = true;
/* Slideshow time setting in seconds */
slideshowtime = 3000;

2. dailymotion player
//Settings for the widht and height of the dailymotion player
videowidht = '520';
videoheight = '411';
//Settings for the positsion of the dailymotion player
videotop = '-350px';
videoleft = '-80px';
/* Output video, highslide, empty for normal link */
output = "video";

The searchform can be removed easily ( just needed it for the demo )
Top

Tips

If the results are less then 6 movies, imageflow will loose his focus because in this example I have set the starting image on 6.
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);"

Changing the reflections.
For the reflection options check http://reflection.corephp.co.uk
Top

Why

As a consultant I am always looking for new ways to add more high density keywords ( search engine optimalisation ) for a customer.
What I did was add a youtube channel first for that client.
Then I retrieved the channel in an attractive way including all the text content and keywords for a better SEO in the website from that client.
As a result this works very well.
Also in this example page I retrieve all the keywords and text content in this example case from the musician Phil Collins.
For an example look at Maxanter Music Productions (look at the html source)

About

Imageflow + dailymotion is brought to you by Ceasar Feijen from cfconsultancy.
This template design is made by Roland Poot from Pixelate.

Also Check out my demo with Imageflow, highslide viewer and sound effects
Or my demo with Youtube, highslide and Jeroen wijering flash player 4.0
Top

Info and comments

If you want any information about these applications place a comment below or check back regularly.

Comments on dailymotion page 1 of 1

Click here to add a comment

Your Name:


Email Address: (required, non-public)


Image verification:



Message:

 

ceasar

Posted 875 days ago

Sure you can as long as the credits are not removed

so

Posted 875 days ago

hi, it's a fabulous work!
I wanted to know if i can put this to the module or plugin for drupal?

<1>