Try Tuts+ Premium, Get Cash Back!
Create a Slideshow with SlideShowPro and ExpressionEngine - New Plus Tutorial

Create a Slideshow with SlideShowPro and ExpressionEngine – New Premium Tutorial

on Apr 22nd 2009 with 26 comments

There are many options available for creating and displaying slideshows online (such as here and here, for example). For this tutorial, I’ve decided to integrate SlideShowPro with Expression Engine to easily build a beautiful photo gallery.

Preview

Overview

This week’s screencast + tutorial will demonstrate how to perform the following:

  1. Install Expression Engine
  2. Setup a weblog and custom fields in Expression Engine
  3. Create template files
  4. Create the xml template which utilizes the expression engine weblog entries tag and that syncs to slideshowpro
  5. Use the slideshowpro flash file
  6. Enter data in the weblog
  7. Install a custom file uploader extension

Join Tuts Premium

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of TUTS sites runs a premium membership service called “Premium”. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies at nettuts+, psdtuts+, and vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business. Join today!

  • Subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.


 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

Hello, my name is Andres and I'm passionate about creating beautiful/useful applications for the interweb and helping others increase their knowledge of this awesome, ever-changing industry. Besides constantly trying to improve my culinary skills, I enjoy working with jQuery, ajax, css, php, Expression Engine, among others. Thankfully, my wife loves this stuff, too. You can find a little more info on me at mykoala.com. Or, if you'd like, please follow me on twitter.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://laranzjoe.blogspot.com lawrence77

    really nice…
    I always love slideshows! ;)

    But its published below the old post how?

  • http://graphicriver.net/user/kiziel?ref=kiziel kiziel

    Nice, but I still dont like expressionengine. Its too expensive.

    • http://www.paulcripps.com Paul Cripps

      kiziel – core version is free! – other version are worth every penny as far as I’m concerned – the support you get it the best I’ve ever seen.

  • rich

    not sure if its just me, but neither link’s video matches the audio, and it is very difficult to follow. Is this just me, on my machine?

    • http://net.tutsplus.com Jeffrey Way

      Hey Rich – I’ll look into it right now.

      • http://eyoosuf.blogspot.com/ Yoosuf

        hey jeff, u re using MAC?

  • http://webtipsmagazine.com iPad

    We need more MODx Tutorials, EE is to expensive

    • http://graphicriver.net/user/kiziel?ref=kiziel kiziel

      Never seen MODx before but what I see on their website looks really interesting. Some article about it would be really helpful!

    • http://www.kevinquillen.com Kevin Quillen

      modX seems very draconian.

    • lebisol

      actually core version of EE is free ;)

    • http://laminbarrow.com Lamin Barrow

      Have you heard of Silverstripe? Try it once and i bet you willl use it for everything. :)

    • barry

      Quit yer bitchin’.

      Good tut.

  • Andres F
    Author

    Although it plays fine on my machine as a .mov file, the sound apparently didn’t sync properly in the conversion to the m4v format when it was placed on the site. Looking into the issue. Thanks for your patience.

  • http://www.5pieces.com John Henry Donovan

    If you want to go a bit further with SlideShowPro and ExpressionEngine I have the following tutorial available on my site

    http://www.5pieces.com/blog/slideshowpro-and-ee-gallery-part-ii/

    the original article is here

    http://www.5pieces.com/blog/slideshowpro-and-ee-gallery-module/

  • Daniel

    why i cant download it?
    i have XML error
    SignatureDoesNotMatch
    fix it please.

  • http://www.google.com Mike

    cool

  • Andres F
    Author

    Not sure why the article is unavailable to download, but I notified the Nettuts Editors and hopefully that will be fixed soon.

    The video has been fixed and I am awaiting it to be uploaded to the site.

    @John: Yes, I referenced your article in my article, as well as a few others. Thanks for providing that!

  • Andres F
    Author

    Video is fixed. Sorry for the issues!

    Article download isn’t yet available for some reason, but the screencast is working again. Thanks

  • http://www.5pieces.com John Henry Donovan

    Nice one Andres :)

  • Andres F
    Author

    Hey, thanks much John! Great job on yours as well.

  • http://kodegeek.wordpress.com kodegeek

    Hey,
    I’ve integrated slideshowpro with ee gallery. you can see this here
    http://www.transantarcticexpedition.com
    http://www.transantarcticexpedition.com/gallery/

    I can help anyone if needed.

  • http://kodegeek.wordpress.com/ kodegeek
  • http://www.huggykidsbedding.com/kids_duvet lee for the kids

    I want to use slide show pro to create just an ordinary slideshow in expression engine, not an not an integration with the gallery module. How can I can I achieve this.

  • http://www.gordoniihoodia.net penis enlargement

    Well i mostly see this kind of things in all blogs that peoples are always commenting about different matters and topics instead of the topic they are on to, so this kind of things really makes me upset, because i always expecting to spread conversation at this kind of blogs and forum for improves my knowledge base. http://www.Gordoniihoodia.net