ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Arts and Design»
  • Graphic Art & Design

How and Why to Create a Slideshow

Updated on April 30, 2015

Add simple sideshows to your article to increase reader engagement

Click thumbnail to view full-size
Source

A quick and easy way to display your images

Tease your readers with thumbnail images

As web readers, we are becoming increasingly visual. This is well demonstrated by the popularity of curation sites and services such as Pinterest.

Images, as we know from the old cliché, can say far much more than words alone. Many content writers today spend as much time preparing images for their articles as they do developing the actual content. I often do.

Thumbnail images pique the readers interest. Let's take the photographs above which were taken on Fort Lauderdale beach at dawn.

What are those black shapes we can see in the fifth thumbnail? Look at the one second from the right - are those shapes birds? It's a rare web reader who doesn't click on intriguing images to find out more.

Slideshows are also a wonderful way to showcase various images without taking up too much valuable real estate space on your page.

Click thumbnail to view full-size
Source

Showcase your portfolio or products

Small slideshow showcases

As you can see on the right, smaller images can work just as well as larger versions. These too whet the appetite. The thumbnails are just the right size to interest the viewer.

The images you see here show the work of a designer company - some examples of their web work -but it's easy to see how you can adapt this to your own needs.

Jewelry makers can show example of the items they've created, a book publishing firm can show photographs of their latest titles, chefs can show their latest recipes ... there's so much potential.

Here, the designers have five example of their work which takes up hardly any space at allon the page but demonstrates their flexibility well.

Click thumbnail to view full-size
Source

Demonstrate a transformation

Show step-by-step illustrations

The illustration in the large image on the right shows a simple Word document containing copy and a photograph.

This is the sort of thing designers are often sent with the request to format it - or as clients often say, 'make it look pretty'.

In these five images, I demonstrate how four simple stages can change the document from a basic chunk of copy to a print-ready piece suitable for a newsletter, magazine page or flyer.

By showing them in a slideshow which demonstrates the changes, the reader can easily see the transformation as they move through the images.

This is an excellent way to show a 'how-to' demonstration or a restored item.

Show the passage of time

Click thumbnail to view full-size
Source

Demonstrate changes over the years

he first photograph you see above was taken in 1931. The final one was taken eighty years later in 2011.

Slideshows are a useful way of showing the passage of time without taking up too much space on the page.

This could be, for example, a series of images of the same place - or same building - over the years.

Charts and graphs are ideal for use in slideshows. For example, the reader sees the first image which shows the number of people using Google+ in 2009. The next shows 2010, the next 2011 and so on.

Click thumbnail to view full-size
Source

Tips and hints with captions

Show tips graphically

Adding cations to your images will increase engagement. As you can see, in the large image you can read the text but not in the thumbnails.

Aren't you intrigued? What does it say on the others? The thumbnails are small enough to tempt the reader and whet the appetite.

It's quick and easy for your readers to click on your thumbnails and read them in a logical progression. We're getting more and more lazy - we don't want to scroll down a long page. Give your readers what they want - it's easy for you and it's easy for them.

Using half-width images as I have done here, also means that you don't interrupt the flow of the text your viewer is reading. It's less distracting and more user-friendly.

Large images can be distracting. Be sure to keep your readers' attention. Unlike in previous years, slideshows also render well when seen on phones or tablets. With more and more people using smaller screens to view the web, it's important to make the most of every page's real estate.

Great for recipes

Click thumbnail to view full-size
Source

Recipes

Show detailed recipe instructions

I sometimes find recipe instructions a little challenging to write. Show a series of photographs is much better and enhances your descriptions.

I like to show the finished dish in the main photograph, then the ingredients required and then the stages.

What you're doing here is giving the reader a choice. When you add a large image in between your copy and instructions, that choice is removed. Some readers will want to see your step-by-step photographs so will click on the thumbnails.

Others may be irritated by large photographs that break up the text - 'yeah, yeah, I know how to caramelise onions, I don't need to see a picture.' By using slideshows you're making sure that your recipe or 'how-to' is suitable for all skill levels.

How to create a slideshow on this site

Easy steps to creating your slideshow

Using the photo capsule

This is so easy. Upload all the photographs you want to show using the photo facility. Be sure to use the drop-down box to the 'thumbnail' option.

It's as easy as that.

Points to note

  • As you can see in the examples above, a full size image is perfect with ten thumbnails. A half-width slideshow is better with five or a number that is divisible by five
  • Your images will show on the page in the order in which they are uploaded. Upload the image you want to lead before the others
  • The simplest way to do this is to save your images numerically - 1.jpg, 2.jpg etc.
  • If you see all the images fullsize, you've forgotten to show the 'thumbnail' option in the drop down box. Simply edit and correct

© 2014 Jackie Jackson

Comments

    0 of 8192 characters used
    Post Comment

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      ecogranny! You just reminded me about something I'd forgotten all about. Somewhere (I must find it) I have a handwritten book of recipes dating back ages. I must photograph the recipes and put them in an article.I haven't tried any of them because they are mostly meat and baking. Thanks so much for reminding me!

    • ecogranny profile image

      Kathryn Grace 3 years ago from San Francisco

      BritFlorida, I feel the same way about cookbooks, unless I run across a very old one. They didn't have pics, generally, then, and what few they had were usually sketches, but they surely did have some good recipes. Especially fun to find a used one that has handwritten notations in the margins.

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      @debW07 - thanks so much!

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      Linda - in theory we could but I doubt our Hubpages hosts would approve :)

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      @Scarlettohairy - we all have :) Glad that it's of help.

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      Thanks for dropping by, Barbara!

    • profile image

      debW07 3 years ago

      This was so helpful! Thanks!!

    • LindaSmith1 profile image

      LindaSmith1 3 years ago from USA

      I am assuming as I read this that we can't use a slideshow for Amazon products!

    • Scarlettohairy profile image

      Peggy Hazelwood 3 years ago from Desert Southwest, U.S.A.

      Thanks for this tutorial on slideshows. I have a lot to learn here at HubPages!

    • Brite-Ideas profile image

      Barbara Tremblay Cipak 3 years ago from Toronto, Canada

      thank you Jackie, very handy page

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      Hi Marisa - that is fabulous! I saw that - it's brilliant, especially because it's automatic. Loving HubPages :)

    • Marisa Wright profile image

      Kate Swanson 3 years ago from Sydney

      You'll notice that HubPages has also given you another slideshow, of ALL the photos on this Hub. It happens automatically.

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      Thanks so much Dr Bill - I'm glad to be of help :)

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      Thanks for your comments, bravewarrior. It's finding the right images that's the problem for me - just that alone can take me so long. As you say though, it's worth it. Good to meet a fellow Floridian!

    • DrBillSmithWriter profile image

      William Leverne Smith 3 years ago from Hollister, MO

      Great suggestions. Thanks for sharing! ;-)

    • bravewarrior profile image

      Shauna L Bowling 3 years ago from Central Florida

      Brit, I use slideshows all the time on my blog but have never done it for my HP posts.

      You're right about the time it takes to decide on photos. I spend as much time doing that as I do researching and writing. Adding the details in each photo's properties is what takes me the most time, but it's worth it.

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      Thanks so much for your comments, ecogranny. I love seeing great photographs to accompany recipes too. In fact, if I'm considering buying a cookbook, I look for the photographs first - they are so useful. I especially like to see the finished dish pictured to get ideas for presentation.

      P.S. I have old eyes too :)

    • ecogranny profile image

      Kathryn Grace 3 years ago from San Francisco

      BritFlorida, I had just completed my first slide-show on my second hub (not yet published) when I took a break to see what was happening on my feed and found this! You've provided excellent examples of the ways we can use slideshows on our pages.

      My first slide show is exactly as you describe for a recipe--the how-to pix, and for the reasons you mention as well. As a long-time cookbook reader, and now online recipe reader, I've always appreciated clear how-to photographs, because words can have shades of gray that can affect a recipe's outcome. But as you say, not everyone wants big, glossy photographs cluttering up a recipe page. The slideshow is an excellent solution.

      My one wish is that HubPages made the thumbnails a little larger. I really can't see anything in them, no matter how I adjust my glasses up or down. Old eyes!

      Thanks for sharing your expertise.

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      Thanks for visiting @Joyce Mann - I'm glad the article is useful.

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      Hi @Barbara Kay, it's a great way to get plenty of your images on your articles without taking up too much space. Thanks!

    • Joyce Mann profile image

      Joyce T. Mann 3 years ago from Bucks County, Pennsylvania USA

      I learn something new every day. I never would have though of a slideshow myself for an online article. thanks.

    • Barbara Kay profile image

      Barbara Badder 3 years ago from USA

      I knew this was available, but never used it. It is a good idea.

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      Thanks Dressage Husband.They look so good and they're so user-friendly too. (And easy to do!)

    • Dressage Husband profile image

      Stephen J Parkin 3 years ago from Pine Grove, Nova Scotia, Canada

      Really simple and effective I will be making use of this! Thanks!

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      Thanks so much @beliza!

    • profile image

      beliza 3 years ago

      Love this!

    • BritFlorida profile image
      Author

      Jackie Jackson 3 years ago from Fort Lauderdale

      @shay-marie - the thumbnails look gorgeous, don't they? Thanks for dropping by!

    • shay-marie profile image

      Shay Marie 3 years ago from Southern California

      I love the thumbnail option on this site. I'm planning on integrating it into a number of my articles to make them easier to digest. Great article!

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: "https://hubpages.com/privacy-policy#gdpr"

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)