30 Examples Of Great Slideshows In Web Design

Posted in Inspiration, Web Interfaces • Posted on 23 Comments

A slideshow is a display of a series of chosen pictures, which is done for artistic or instructional purposes. One of the interesting trends today is representing the key information in slideshow presentation. There are many reasons to use a slideshow or image slider in your web designs as the key to smart strategic Web design is finding a smartest and interactive way to display your information to your visitors. Earlier, Sliders are very popular on home pages of corporate websites. Because of their value to websites, slideshows are placed in the most visible location of the page, and they can make a significant impact on the visitor’s first impression. Also using sliders is very famous for portfolios these days as showcasing works in slides is very meaningful and attractive.

Timeline

Timeline has an unusual, yet awesome, solution. They’re using a slider in every post thumbnail previews to show different shots regarding to the headline post itself. You are eager to click that slider controls because it is unusual to see a slider in every post. Check their site for inspiration!

Preview

Of course, there are many various solutions in the list as well. Implementing large backgrounds, zooming images, optimizing them for retina displays, responsive/mobile
friendly, using videos in your galleries – you’ll find it all below.

Slider Revolution

Slider Revolution

Slider Revolution is a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimisation (all content always readable for search engines). See the heaps of custom
transitions/animations for each object on the page! Customize this slider with our convenient drag&drop backend to your very needs.

This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.

It’s a premium plugin, but I will tell you that you worth the penny you spend.

Few other important benefits to Slider Revolution:

  • Image and Thumbs fully resizable
  • Using CSS Animation with FallBack to jQuery
  • Unlimited Caption Layers
  • Captions like Video, Image and html tags can be easily Created
  • Unlimited Slides
  • iPhone & Android Swipe Touch enabled
  • jQuery Conflict free plugin
  • Customizable 100% via Plugin Backend
  • Easy installation in your Website

Worried about coding skills? Slider Revolution had a Video Support which is easy to follow no advance coding skills required, easy as cooking bacon. Ah..but what am I saying just check for yourself – Kenburner Responsive Jquery Slider has pretty good feature rundown and live examples.

In this collection you will find a variety of highly creative, beautiful and inspirational slideshows. Hope you will produce some unique ideas for your next projects !

1. Agnarson

Alexander Agnarson is a web designer, his website contains a great slideshow powered with jQuery which contains his latest projects.

2. Boerdam

Boerdam includes a well designed image slider with an Ajax gallery preloader .

3. Copimaj

Copimaj is a design firm, they use a slideshow to display their portfolio in the home page.

4. Dconvulsions

Dconvulsions have a well designed slideshow displayed on a laptop which gives a good effect to the slider.

5. Envero

6. Estebanmunoz

7. Etondigital

Etondigital uses an image slider to show their featured projects.

8. Fullfat

Fullfat uses the popular Flash 3D image slider with great and amazing transition effects.

9. Graffino

Graffino uses the scrollable jQuery plugin nice buttons to navigate through the latest projects.

10. Graphik

11. Hellothemes

Hellothemes is a selling themes website, they use a jQuery powered slider to display their latest themes.

12. Hyperxlocal

Hyperxlocal has a well designed slideshow made with flash with a simple preloader.

13. Iconlicious

Iconlicious make use of the jQuery tools library equipped with an easing effect.

14. Kollektivdreinull

15. Kontoblick

Kontoblick has a well designed slideshow : looks like Copimaj’s one.

16. Launchmind

Launchmind uses a jQuery plugin, they use a content slider ( Slider that contains images and content ).

17. Marcsdesign

Marcsdesign uses a horizontal slider also known as Carousel.

18. Mint

Mint’s slideshow looks like Launchmind one, but this one uses the hovering effect to display the wanted section.

19. NineteenEightyFour

20. Puppetbrain

Puppetbrain has a classic slideshow made with Flash.

21. Ricoverdeo

Ricoverdeo has a well designed slideshow with great navigation options.

22. Sketchen

Sketchen uses an interesting jQuery approach to scroll smoothly to certain parts of the site.

23. Slicemachine

Slicemachine has a great hover effect animations to navigate through the site’s services.

24. Slidedeck

Slidedeck has a well designed accordion slider.

25. Squaredeye

26. Tearoundapp

Tearoundapp uses the jQuery animate techniques to create a simple and amazing slide effect.

27. Thingsthatarebrown

Thingsthatarebrown make use of simple jQuery slideshow with fading effect to display their featured projects.

28. Tracermedia

29. Utah-maps

Utah maps uses a creative flash animation to display some videos.

30. Winestore

Hope you enjoyed this collection and get inspired for coming projects. Feel free to add some comments if some other inspirational resources are missing.

22 Written Articles

23 Comments Best Comments First
  • Xander

    Wednesday, April 28th, 2010 02:18

    16

    Sweet collection :) Thank you for sharing :)

    +1
  • José Casadei

    Monday, April 26th, 2010 17:28

    10

    You always have great suggestions!! Thanks for sharing …

    0
  • Vivek Parmar

    Monday, April 26th, 2010 09:22

    8

    thanks for the share. Slidieshows will really help you out in showing the featured posts and the best articles of your blog.

    0
  • Sithu

    Monday, April 26th, 2010 12:17

    11

    Nice one. Thanks for sharing this slides. Good collection.

    0
  • Scott Dickens

    Monday, April 26th, 2010 17:02

    9

    NIIICE! Love this collection. Check this one out:
    http://keepvirginiabeautiful.org

    0
    • Ryan Turki

      Monday, April 26th, 2010 20:33

      12

      Yea! Good one !!

      0
  • Anoki

    Sunday, April 25th, 2010 17:52

    7

    I actually have used horizontal slideshow scrolling in two of my main portfolio sites for business… check them out, our clients are asking how we can repurpose them for their sites! http://www.anoki.net and http://www.incompra.com

    0
  • Anthony

    Sunday, April 25th, 2010 23:04

    6

    May i give some more nice image gallerys:

    http://felberimobiliaria.com

    my favorite:

    http://estanhos-domantonio.pt

    0
  • sarfraz raza

    Sunday, April 25th, 2010 14:13

    2

    Really outstanding collection..amazing list..keep it up!

    0
  • aurore

    Sunday, April 25th, 2010 21:59

    3

    @Pedro Costa
    Are you pretentious? Why do you think he forgets your site? I
    do not like this style of behavior. Your slideshow is not beautiful for me. Yes i know i’m a vilain…

    0
  • Tom

    Sunday, April 25th, 2010 16:34

    4

    Thank you for these impressions!

    0
  • Pedro Costa Neves

    Sunday, April 25th, 2010 16:46

    5

    You forget to put my slideshow on the list :x
    http://persocon.org
    :x

    0
  • ASOT

    Sunday, April 25th, 2010 14:31

    1

    I’ve always found slideshows to be a good and easy way to showcase a portfolio
    This blog lists some very nice examples!!

    0
  • alex

    Monday, July 25th, 2011 06:17

    20

    Hi, is anybody know where to find free codes for slideshow, specially css , html or combined js. thanks for your help.

    0
  • Henry

    Tuesday, August 2nd, 2011 16:15

    21

    Wonderful colleciton! I especially like the ones with MacBook slider!

    0
  • Luke

    Thursday, February 9th, 2012 21:37

    22

    Great slide-shows! I really enjoyed it.

    0
  • Urviho

    Thursday, April 5th, 2012 04:19

    23

    Nice inspiration :) well done

    0
  • Urviho

    Thursday, April 21st, 2011 16:27

    19

    Nice inspiration :) Thanks

    0
  • Arun Krishnan

    Thursday, June 3rd, 2010 20:09

    18

    Great references, thanks

    0
  • Anthony C

    Tuesday, April 27th, 2010 03:18

    13

    I really like your collection, it is very inspiring and ideal oriented.
    Thanks for sharing!

    0
  • dave

    Tuesday, April 27th, 2010 10:58

    14

    You have provided nice examples of slideshow in web design. I like Slicemachine most. I bookmark this post for future reference. It will help me to design the portfolio of my website.

    0
  • Johan

    Tuesday, April 27th, 2010 13:09

    15

    Wow great examples, I really love the Boerdam ajax header as it is HUGE on my 24″ monitor!

    -1
  • Vunky

    Wednesday, April 28th, 2010 11:15

    17

    Fun to see the different uses of sliders.

    Kudos for the ones which use a slider for the main content. I always find it difficult to present a lot of information in a crammed area.

    -1
  • Urviho

    Thursday, April 5th, 2012 04:19

    23

    Nice inspiration :) well done

    0
  • Luke

    Thursday, February 9th, 2012 21:37

    22

    Great slide-shows! I really enjoyed it.

    0
  • Henry

    Tuesday, August 2nd, 2011 16:15

    21

    Wonderful colleciton! I especially like the ones with MacBook slider!

    0
  • alex

    Monday, July 25th, 2011 06:17

    20

    Hi, is anybody know where to find free codes for slideshow, specially css , html or combined js. thanks for your help.

    0
  • Urviho

    Thursday, April 21st, 2011 16:27

    19

    Nice inspiration :) Thanks

    0
  • Arun Krishnan

    Thursday, June 3rd, 2010 20:09

    18

    Great references, thanks

    0
  • Vunky

    Wednesday, April 28th, 2010 11:15

    17

    Fun to see the different uses of sliders.

    Kudos for the ones which use a slider for the main content. I always find it difficult to present a lot of information in a crammed area.

    -1
  • Xander

    Wednesday, April 28th, 2010 02:18

    16

    Sweet collection :) Thank you for sharing :)

    +1
  • Johan

    Tuesday, April 27th, 2010 13:09

    15

    Wow great examples, I really love the Boerdam ajax header as it is HUGE on my 24″ monitor!

    -1
  • dave

    Tuesday, April 27th, 2010 10:58

    14

    You have provided nice examples of slideshow in web design. I like Slicemachine most. I bookmark this post for future reference. It will help me to design the portfolio of my website.

    0
  • Anthony C

    Tuesday, April 27th, 2010 03:18

    13

    I really like your collection, it is very inspiring and ideal oriented.
    Thanks for sharing!

    0
  • Sithu

    Monday, April 26th, 2010 12:17

    11

    Nice one. Thanks for sharing this slides. Good collection.

    0
  • José Casadei

    Monday, April 26th, 2010 17:28

    10

    You always have great suggestions!! Thanks for sharing …

    0
  • Scott Dickens

    Monday, April 26th, 2010 17:02

    9

    NIIICE! Love this collection. Check this one out:
    http://keepvirginiabeautiful.org

    0
    • Ryan Turki

      Monday, April 26th, 2010 20:33

      12

      Yea! Good one !!

      0
  • Vivek Parmar

    Monday, April 26th, 2010 09:22

    8

    thanks for the share. Slidieshows will really help you out in showing the featured posts and the best articles of your blog.

    0
  • Anoki

    Sunday, April 25th, 2010 17:52

    7

    I actually have used horizontal slideshow scrolling in two of my main portfolio sites for business… check them out, our clients are asking how we can repurpose them for their sites! http://www.anoki.net and http://www.incompra.com

    0
  • Anthony

    Sunday, April 25th, 2010 23:04

    6

    May i give some more nice image gallerys:

    http://felberimobiliaria.com

    my favorite:

    http://estanhos-domantonio.pt

    0
  • Pedro Costa Neves

    Sunday, April 25th, 2010 16:46

    5

    You forget to put my slideshow on the list :x
    http://persocon.org
    :x

    0
  • Tom

    Sunday, April 25th, 2010 16:34

    4

    Thank you for these impressions!

    0
  • aurore

    Sunday, April 25th, 2010 21:59

    3

    @Pedro Costa
    Are you pretentious? Why do you think he forgets your site? I
    do not like this style of behavior. Your slideshow is not beautiful for me. Yes i know i’m a vilain…

    0
  • sarfraz raza

    Sunday, April 25th, 2010 14:13

    2

    Really outstanding collection..amazing list..keep it up!

    0
  • ASOT

    Sunday, April 25th, 2010 14:31

    1

    I’ve always found slideshows to be a good and easy way to showcase a portfolio
    This blog lists some very nice examples!!

    0

Comments are closed.

54.196.62.132 - unknown - unknown - US