About
Seria is a multi-purpose vertical slideshow plugin that can be used to create product showcases, photo galleries, display blog posts or news.
Plugin can be easily customized to suit any particular needs - check examples below. Also you get wide support for different browsers, starting with IE8 up to the latest mobiles and tablets.
Example 1 - Default settings
Caption for photo #5
Photo title #5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean massa.
VISIT SITE
Caption for photo #1
Photo title #1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #2
Photo title #2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #3
Photo title #3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
VISIT SITE
Caption for photo #4
Photo title #4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
VISIT SITE
Photo title #4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean massa.
VISIT SITE
Example 2 - This example uses "style2" of photo expand feature that allows you to scroll photos in larger size. Also since version 1.2 of Seria plugin you can configure transparancy and color for adjacent photo covers using corresponding plugin options
Caption for photo #5
Photo title #5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean massa.
VISIT SITE
Caption for photo #1
Photo title #1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #2
Photo title #2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #3
Photo title #3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
VISIT SITE
Caption for photo #4
Photo title #4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
VISIT SITE
Photo title #4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean massa.
VISIT SITE
Example 3 - By default Seria works in "carousel" mode. Here we switched plugin to "normal" mode, where it stops on first/last item. Also you can see that adjacent images are hidden, and description fade works in "horizontal" direction
Caption for photo #1
Photo title #1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #2
Photo title #2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #3
Photo title #3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
VISIT SITE
Caption for photo #4
Photo title #4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #5
Photo title #5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean massa.
VISIT SITE
Photo title #1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
VISIT SITE
Photo title #4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean massa.
VISIT SITE
Example 4 - In this last example Seria works in "normal" mode with adjacent photos that are partially visible. Description fade is now set to "vertical" direction and it works similar to Example 2, however description fade and scroll are not synced (fadeSync option)
Caption for photo #1
Photo title #1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #2
Photo title #2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #3
Photo title #3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
VISIT SITE
Caption for photo #4
Photo title #4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #5
Photo title #5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean massa.
VISIT SITE
Photo title #1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
VISIT SITE
Photo title #4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean massa.
VISIT SITE
Example 5 (Bonus!) - As I stated before it's very easy to customize Seria plugin! With just few CSS modifications and additional style for description I created this example :)
Caption for photo #5
Photo title #5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean massa.
VISIT SITE
Caption for photo #1
Photo title #1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #2
Photo title #2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Caption for photo #3
Photo title #3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
VISIT SITE
Caption for photo #4
Photo title #4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
VISIT SITE
Photo title #4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa.
VISIT SITE
Photo title #5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean massa.
VISIT SITE
Seria plugin among others allows you to change following settings
plugin mode: "carouse" or "normal"
different fade types for description: "none", "vertical" or "horizontal"
photo expand style: "style1" or "style2"
plugin height and max-width to prevent image scale
visibility of adjacent photos: from 0 (not visible) to 100 (fully visible)
color and opacity for adjacent photo covers
image panning (hold & move) for enlarged photos
.. and much more!