What we need?

Modules installed and turned on:

  • Views
  • Views Slideshow
  • Flexslider

Part-1

  1. Add Image Style
  2. Add Content Type
  3. Add Flexslider option set
  4. Create view

1.Add Image Style

Configuration>>Image styles>>Add style

In this is case i will use scale effect.

In this is case i will use scale effect.

2.Add Content Type

Configuration>>Image styles>>Add style

Structure >>Content types>>Add Content types

Give it the name, uncheck Promoted to front page , Display author and date information and close comment sittings.

Give it the name, uncheck Promoted to front page , Display author and date information and close comment sittings.

Then go to manage fields and add to existing image.

This is not necessary flexslider will fix this.

This is not necessary flexslider will fix this.

3.Add Flexslider option set

Configuration>>Media>>Flex Slider>>Add Option set>>(Don't forget select Image style your created before) and select only Paging Controls

4.Create view

Go to Structure >>Views>>Add new view

Give it the name and select your creeted before type, we create block desplay format will be Slideshow and select of fields and press Continue &edit button

Give it the name and select your creeted before type, we create block desplay format will be Slideshow and select of fields and press Continue &edit button

Format will be Slideshow and sittings will Flexslider

Slideshow Type will Flex Slider and dont forget select Option set your creeted before Flex Slider type.

Slideshow Type will Flex Slider and dont forget select Option set your creeted before Flex Slider type.

Add fields Image and Body.

Deselect Create a label and select Rewrite the output of this field add some div class

Deselect Create a lable and select Rewrite the output of this field add some div class

Add fields Image and Title.

Deselect Create a lable, select Link this field to the original piece of content and slelect Rewrite the output of this field add some div class. Then save this block

Deselect Create a lable, select Link this field to the original piece of content  and slelect Rewrite the output of this field add some div class. Then save this block

Place this block what ever you whant.

Place this block what ever you whant.

Add some content use your have created content type.

Create some content.

And add this code in your theme css file.

This is some css code.

Final result looks like this if you create responsive site you should add more css code

Final result