Step 1: InstallationInstall and enable these four modules:
You’re also going to need a single file that contains a JQuery slideshow script. This will need to be uploaded manually.
Step 2: ViewsWe’re going to create our slideshow using Views.
Once you’re finished, your fields area should look like the area below.
Step 3: DesignFirst, let’s set up the correct style for our images:
Now let’s create the style for our smaller thumbnails.
Now, we’ll apply those styles to our View.
Now click Save and let’s go see your slideshow.
The final remaining problem is going to be the vertical images. We can fix that with CSS.
1. .views-slideshow-controls-bottom .views-slideshow-pager-field-item { float: left; margin: 5px 19px 0 0; }
As a final step, you will need to tweak your image styles and your CSS to match your design. Here’s my end result, after this tutorial, and using dummy images: |
Creating a Drupal Slideshow with Views Slideshow
Posted in drupal
Ԝhat’s up, the whole thing is going nicely here and ofcourse evеry
one is sharing facts, that’s genuinely excellent, ҝeep up writing.