Premium Templates
Image Galleries
Image Effects
Video Players
Audio Player
Other Effects
Copyright © Flying Cow Labs All Rights Reserved.
Website crafted using the Serif Software Suite
If you’ve found these tutorials useful please help the world's poorest communities
by making a small donation to WaterAid -
Easy Slider jQuery Tutorial
An attractive image slider that can be easily added to your Serif WebPlus website. Add extra information to your home page without taking up additional space.
Created by Alen Grakalic from CSSGlobe.com, you can find more information and downloads for the slider here
1. Download the handy zipped file -
2. Using an ftp program such as filezilla add the complete ‘easyslider’ file to the root of your server, this contains everything needed for Easyslider to work.
3. For the image slider with Arrows as navigation, as demonstrated here, paste in the following code to the head section of the Master page or page.
Copy and paste > Insert > Web Object > HTML > Paste to Head.
4. For the image slider with Numeric navigation, as demonstrated here, paste in the following code to the head section of the Master page or page.
5. Call the images in to play by entering the following HTML Code. Remember to change the hyperlinks in this code to point to your own pages or remove them all together!
Copy and paste > Insert > Web Object > HTML > Paste to Body
Placement of the image slider will depend on the placement of the HTML Code Fragment.
6. To add your own images, replace the file names in the code included in the body of your page, to the file names and file locations of your new images.
7. The sliders image sizes must all be the same
An update to help you change the overall slider dimensions will be coming soon
For more details on fine tuning the slider ie. Speed, orientation, etc. Visit the authors website here
