Skip to main content
Known Participant
December 3, 2010
Question

Photo slideshow?

  • December 3, 2010
  • 1 reply
  • 674 views

Hi all,

I'd like to build a photo slideshow using HTML5 and ColdFusion.  Has anyone had any experience?  Ideally, I'd like to have the shell of the slideshow set up and use a DB to populate it with photos whenever I wanted to use it.  Looking for advice or links to tutorials.  I like the style of the slideshow featured in this news story, but I'd be interested in a fade effect between each slide: http://www.cnn.com/2010/WORLD/asiapcf/12/03/china.travel.ban/index.html

Thank you!

    This topic has been closed for replies.

    1 reply

    ilssac
    Inspiring
    December 3, 2010

    What do you want or think ColdFusion to do.

    In other words how do you expect the frontend client user interface that is rendering an HTML 5 slide show to interact with the data on the backend server?

    A really simple way would be NO interaction.  ColdFusion retrieves a set of pictures renders all the HTML syntax including links to all the pictures and sends all of this to the client.  The client receives all the HTML and all the images and proceds to render them into your slideshow.

    A more sophisticated method that might make for a better user experience.  ColdFusion retrieves one intial picture and renders all the HTML including the link to that one picture.  The client receives this HTML and image and renders the slideshow.  Now when the user requests the next image in the slideshow some JavaScript on the client makes a new request to the ColdFusion server for a new image.

    There are nearly infinite variations and combonations between and around these two options.  Define what you really want to do better and it would be a fair amount easier for us to provide suggestions and hints.

    straffenpAuthor
    Known Participant
    December 6, 2010

    Thanks for the response, ilssac. I think what I'm trying to do is your suggestion number 3, "ColdFusion retrieves one intial picture and renders all the HTML including the link to that one picture. The client receives this HTML and image and renders the slideshow. Now when the user requests the next image in the slideshow some JavaScript on the client makes a new request to the ColdFusion server for a new image."

    I've made galleries before that pull photos and a links from a database and output them all on a web page, but I like the slideshow idea because I'll be embedding the slideshow in news stories. The photos in the slideshow will relate to the news story in which the slideshow is embedded. I chose HTML5 for compatibility.

    I hope that clears up what I'm trying to do. Thanks again!