Installing an Image Slideshow in WordPress

SHARE
, / 3888 38

If you’re using wordpress to power your blog and you are a photographer, more often than not, you are making compromises on what pictures to put on your post. You don’t want to overrun the space on the browser with images and have the user sift for the content, but you want to post more than just 1. Lightroom 2 has got great flash galleries built right in. Photoshop CS4 has recently received those same galleries via a script plugin from Jeff Tranberry and Airtight Interactive.

I love those galleries because they are Headless: They dont contain any header or footer information to them. Why would they need it? I already have a header and footer in my -own- website!

This tutorial uses the Shadowbox JS plugin for WordPress and gives you a simple workflow to include those flash galleries into a WordPress post. When you’re done, a link or an image can trigger the Shadowbox, and the flash content can appear there.

38 Comments

  • Russell says:

    Due to the fact of the low res video I can’t see what you are typing. Is it rail = shadowbox?

  • Vlad Mercado says:

    Perfect timing! I was just starting to type a couple of entries and was wondering about this specific technique… Awesome! Thanks!

  • Dawn Camp says:

    R.C., you completely and totally ROCK! I can’t wait to try this!!!

  • Jarrod Gordon says:

    That was great!!! I can’t wait to work with this on my site.. Thanks RC!!! See you at PS World!!!

  • Thomas says:

    R.C,

    thanks for this very good tutorial.

    I was very happy to see that you have installed my tiltviewer web gallery in your Lightroom.

    I have updated it to 1.3.1

    See http://www.lightroom-tutorial.de/2008-03/lightroom-tiltviewer-web-galerie-zum-download-version-02/

  • RC says:

    Sorry about that guys… threw another player on this that should let you see this full screen.. albeit a little grainy.

    After your Href link, you type in rel=”shadowbox”

    Hope it helps!

    RC

  • felix says:

    great tutorial – thanks! combing simpleviewer with shadowbox is a clever way to give more screen real estate to your galleries.

  • Neil Cowley says:

    I’m not getting my thumbnails to load when I’ve exported from Lightroom Straight into WP-simpleviewer.

    I’m having to add an absolute path into the gallery.xml file for the images and thumbs. IF that URL is always going to be the same – can I edit it in the lightroom settings to somehow add that path information + my custom subfolder?

  • Ron says:

    Though it matter less now in WP 2.7, I’d put my folder of gallery export into the wp-content folder. This is important if you want to reinstall WP, which generally tells you to delete everything, but wp-config and wp-content first.

  • Sarah K says:

    Dude, I just got a chance to watch this…

    Thanks so much…this totally ROCKS !!

  • Larry Larsen says:

    RC, Is it possible to use this same technique with Slideshow Pro in Lightroom, rather than Air tight templates?

  • RC says:

    it absolutely is Larry.. i cover that in a couple of Kelby Training videos.. but i’ll post a quick tip on how to do it here..

  • Larry Larsen says:

    Thanks! This is a great tip to help get a slideshow on to WordPress. I subscribe to Kelby Training on line. Which of your tutorials describe using SSP in Lightroom?

  • diyen says:

    thanks for your tutorial, it really helps… god bless u 🙂

  • Micki Harper says:

    Thank you for this great tutorial. I just purchased Lightroom and have a WordPress powered site, which I’m still learning. This has really helped me. Thanks 🙂

  • Keeptennacalm says:

    Прикольная статья, но хотелось бы поподробнее узнать о некоторых моментах… Как можно с Вами связаться?

  • Slumberg says:

    Nice tutorial!

    Slumberg (aka Turtles Slumberg)

  • Openiurneseek says:

    Дизайн у Вас интересный, я вот тоже для блога искал – стала прикручивать, а все посты куда то делись. Эээх… буду писать заново

  • Darren says:

    Thank You RC! I have been looking for hours trying to find a gallery viewer that I can do myself in wordpress. I was trying to figure out a way to embed the html code, but I love the idea of the image with they hyper link.

    Thank you!

  • Andreas Sakka says:

    Fantastic tutorial – many many thanks.

  • Emma says:

    OMG – I have been pulling my hair out trying to build decent wordpress ad web galleries. This post has just made it all so simple and easy. THANK YOU!!!!!

  • Martin says:

    I think I love you RC!
    You just saved my life. Well maybe not my life. But you helped me a lot and now my life seems easier 🙂
    So thank you once again!

  • ВсёОбИмени says:

    Узнай об имени правду ! Любые имена есть на этом сайте!!

  • av says:

    This is awesome! Just one question…what kind of WP template is that in the tutorial?

  • ПсихологическиеТермины says:

    Дисбазия – (дис + греч. basis – ходьба, выступка). Нарушения ходьбы, походки.

  • Kristi says:

    I can’t get mine to work. I’m not sure what I’m doing wrong. I can open the gallery in safari from my desktop if I open the index file.

    I use filezilla and I see that the gallery is in my public_html folder. I followed the instructions but having no luck. When I go to my url it says Error 404 – File not found.

    Any suggestions?
    I’m lost.

  • Kristi says:

    Never mind previous post. I got it to work.

  • Shine says:

    http://www.photoshopdd.com the blog for photoshoperlet join!!

  • alb says:

    thank you

  • Photoshop Tutorials says:

    great information, thanks for that man. Cheers Fred.http://www.beginner-tutorials.com/photoshop-tutorials.php

  • Tony Brown says:

    I don’t know If I said it already but …Hey good stuff…keep up the good work! 🙂 I read a lot of blogs on a daily basis and for the most part, people lack substance but, I just wanted to make a quick comment to say I’m glad I found your blog. Thanks,)

    A definite great read..Tony Brown

  • Sugi says:

    RC,

    Seriously, you are awesome!!! I’ve been looking for this exact gallery style for my website, without having to spend hours at a time putting it together.

    Thanks to all the programmers out there that make this possible, and to people like RC who make it understandable for the “I don’t have a degree in programming folks” to figure out.

  • Marc Shaw says:

    Hey, I read a lot of blogs on a daily basis and for the most part, people lack substance but, I just wanted to make a quick comment to say GREAT blog!…..I”ll be checking in on a regularly now….Keep up the good work! 🙂

    – Marc Shaw

  • Tutorials says:

    I found your site on a tutorial directory. We recently launched tutorialgrad.com. It’s similar to those other tutorial sites only easier for you. All you have to do is submit your RSS Feed once, we do the rest. We will check your feed for tutorials and post them daily, all with direct links to your site (we don’t frame your content). If you are interested please check it out and let us know what you think.

  • GFXTut says:

    😮 can’t wait to try this out! thanks!

  • Gewinnspiele says:

    hola
    i’m so thrilled that i found this blog. that posting was so great. thanks again i bookmarked this site.
    are you going to write similar posts?

  • Recently been looking on the web for helpful sites and discovered a very good one.

  • rca says:

    Thank you RC
    But when I Preview it , it works…however when I upload to the new folder under my Wesite in WP in my FTP, I only see “X ” everywhere there should be any image.
    What is wrong.
    I was sure to upload all imamges in the upload.

    Can you please help ?