Create a Slideshow with SlideShowPro and ExpressionEngine - New Plus Tutorial

Create a Slideshow with SlideShowPro and ExpressionEngine – New Plus Tutorial

Apr 22nd in News by Andres Fernandez

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.

PG

Author: Andres Fernandez

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.

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 Plus

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of TUTS sites runs a premium membership service called "TUTSPLUS". For $9 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.


Related Posts

Check out some more great tutorials and articles that you might like

Enjoy this Post?

Your vote will help us grow this site and provide even more awesomeness

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    lawrence77 April 22nd

    really nice…
    I always love slideshows! ;)

    But its published below the old post how?

    ( Reply )
  2. PG

    kiziel April 22nd

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

    ( Reply )
    1. PG

      Paul Cripps August 26th

      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.

      ( Reply )
  3. PG

    rich April 22nd

    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?

    ( Reply )
    1. PG

      Jeffrey Way April 22nd

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

      ( Reply )
      1. PG

        Yoosuf April 23rd

        hey jeff, u re using MAC?

  4. PG

    iPad April 22nd

    We need more MODx Tutorials, EE is to expensive

    ( Reply )
    1. PG

      kiziel April 22nd

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

      ( Reply )
    2. PG

      Kevin Quillen April 22nd

      modX seems very draconian.

      ( Reply )
    3. PG

      lebisol April 22nd

      actually core version of EE is free ;)

      ( Reply )
    4. PG

      Lamin Barrow April 22nd

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

      ( Reply )
      1. PG

        Howard Grigg April 23rd

        There is currently development to integrate SlideShowPro with Silverstripe management here http://www.silverstripe.org/all-other-modules/show/256209

      2. PG

        Kevin Quillen April 23rd

        In what capacity? It looks like any other CMS to me.

    5. PG

      barry April 23rd

      Quit yer bitchin’.

      Good tut.

      ( Reply )
  5. PG

    Andres F April 22nd

    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.

    ( Reply )
  6. PG

    John Henry Donovan April 22nd

    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/

    ( Reply )
  7. PG

    Daniel April 23rd

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

    ( Reply )
  8. PG

    Mike April 23rd

    cool

    ( Reply )
  9. PG

    Andres F April 23rd

    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!

    ( Reply )
  10. PG

    Andres F April 23rd

    Video is fixed. Sorry for the issues!

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

    ( Reply )
  11. PG

    John Henry Donovan April 24th

    Nice one Andres :)

    ( Reply )
  12. PG

    Andres F April 26th

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

    ( Reply )
  13. PG

    kodegeek June 16th

    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.

    ( Reply )
  14. PG

    kodegeek August 21st

  15. PG

    lee for the kids October 25th

    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.

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    October 25th