We start by downloading the Views Slideshow module by copying the link of the tar.gz file and then downloading it from our terminal.
Extract the contents of the file.
tar -xvzf views_slideshow-8.x-4.6.tar.gz
-x Extracts to disk from the archive.
-v Produces verbose output i.e. show progress and file names while extracting files.
-z Uncompresses the resulting archive with gzip command.
-f Read the archive from the mentioned file
Next, for Drupal to recognise the module so that we are able to download it, we move the module to the module subdirectory of Drupal.
mv views_slideshow /var/www/html/drupal/modules
We can now install the module so that we are able to use from our local website. Heading over to localhost/drupal/admin/modules, we should then be able to select the module and then click on "Install new module."
From localhost/drupal/admin/structure/views, we add a new view.
Name the view and the block whatever name you wish but it is important that the block configuration looks like this: Slideshow of fields.
Next, edit the Slideshow view you just created.
Click Add next to Fields section and add an Image field.
We should now have more options such as the image size, but we will leave it like that.
Adding the Slideshow block to our website
In localhost/drupal/admin/structure/block, we can add the block anywhere. I decided to add it to my Sidebar.
Not yet done... let's not forget Jquery ;)
Go to http://malsup.com/jquery/cycle/ and then click on Cycle Plugin.
Click on Download the Cycle Plugin
A text file should appear, we should then copy all of the text to our clipboard.
We should now paste all this code to /var/www/html/drupal/libraries/jquery.cycle/jquery.cycle.all.js. To do this, run
sudo nano /var/www/html/drupal/libraries/jquery.cycle/jquery.cycle.all.js
and paste the code.
Last step, we should now clean Drupal caches: