| KNOWLEDGEBASE

How do I edit my slideshow?

Article ID: 282
Last updated: 29 Jun, 2013

This information applies only to sites with slideshows built after 24th October 2012. If your site was built before this date and you would like your Slideshow to work this way, just contact Magicdust Support and we'll set it up for you. If you wish to stick with the old system, contact Magicdust Support and we'll guide you through the process of editing your slideshow.

Magicdust eWeb 2.0 sites with the Premium package all come with a fantastic slideshow that you can use to cycle through any images you'd like. It's a great way to show off your work, or perhaps some images that you feel represent your business well. It's a great way to bring some life to your site and engage your potential customers.

When you get your eWeb 2.0 Premium site our developers will have already prepared your slideshow based on what your designer created for you, however often the time comes where you'd like to add another image, or remove an old one. The eWeb 2.0 software provides a really simply way for you to edit your slideshow so you can accomplish this all on your own.

Your Slideshow is managed by going to Nivo Slider > Nivo Slider from your Dashboard.

Here you will see a list of your slideshows:

In the list you can see the slideshow title, the shortcode you need to display the slideshow (more on that later), and a small preview of some of the slideshow images.

To edit your slideshow simply click on the name of the slider and you will be taken to the edit slideshow screen that looks like this:

The top section is the images that are in the slideshow and the bottom section is your slideshow settings.

Re-Ordering, Adding and Deleting Slideshow Images

To change the order in which your slideshow images appear, simply click and drag the image thumbnails into the order you want. Couldn't be more simple!

To add an image click the Select Files button underneath the thumbnails. A window will pop-up where you can select the image you want from your computer. If you want to upload multiple images, simply Control + Click (PC) or Command + Click (Mac) on the files you want to upload.

Click Open and you will see the names of the images in a list above the button. Then click Upload files to start uploading the images.

Once the files are uploaded you will see them added to the thumbnails area.

To delete an image, simply click the little red cross on the image and it will disappear.

Once your changes are made, make sure to press the blue Publish/Update button to save all your changes.

Linking Slideshow Images

It is possible to link a slideshow image to anywhere on the web you want, including your own pages. To do this click the little pencil on the thumbnail and this window will appear:

Put any link you'd like into the Image link field. It is also recommended that you enter a description of the image and where it links to, if it has a link, into the Image Alt Text field, as this assists users with reduced visibility who use applications like screen readers to help them navigate the web.

Once you've added the link press Save Changes to apply the link.

Once your changes are made, make sure to press the blue Publish/Update button to save all your changes.

Editing Your Slider Settings

When editing a slideshow it is advised that you do not change the settings on your slideshow, as these have been configured for you by the developer who built your site. However here is a list of the settings and what they do, for reference, or if you are adding a new slideshow:

  • Slider Type: This determines where your images come from. Magicdust only supports using Manual, which is the setting that allows you to upload and manage your images directly from the slideshow.
  • Slider Sizing: This determines the size of the slideshow. There is a choice between fixed size and Responsive. If adding a slideshow into a page, Responsive is recommended as it will make the slideshow whatever size it needs to be. For other uses, like your main homepage slideshow, Magicdust prefers fixed size, as it makes sure that whatever images you choose are cropped and resized to fit inside the slideshow container. If a slideshow has been built for you, it is recommended you do not change this setting.
  • Slider Theme This setting affects the appearence of the slideshow. Typically this is decided during the design phase and the site is built with whatever has been set in mind, however if you change this and find you prefer the output, feel free to do so!
  • Transition Effect This is the effect that occurs when cycling through images. The most popular is a simple fade, but feel free to experiment.
  • Slices & Box (Cols x Rows) These settings affect some transition effects which break the image apart during the transition. Change these settings to modify the appearence of these transitions.
  • Animation Speed This is how long it takes to transition from one image to another, in milliseconds.
  • Enable Thumbnail Navigation & Thumbnail Size Some slideshows support thumbnail navigation, however it requires some work from the designers and developers, so it is not recommended that you change these settings yourself.
  • Pause Time This is how long each image stays before transitioning to the next one, in milliseconds.
  • Start Slide If you want to start your slider on an image, simply enter which image you want to show first. The first image is 0, so if you want to start at image 4, enter 3.
  • Enable Direction Navigation & Enable Control Navigation Some themes support navigation arrows and/or bullets. Turn these on and off here. If you slideshow theme is set to None it is recommended you turn these off, as the None theme does not have proper directional and control navigation.
  • Pause the Slider on Hover This setting will cause the slideshow to stop while the user is hovering over it. If you have links on your slides, it is recommended you enable this.
  • Manual Transitions This setting means the slideshow will not cycle automatically. Only enable this when using a theme that supports navigation.
  • Random Start Slide Check this to have your slideshow start at a random image.

Find Your Slideshow

To see where your slideshow has been added, go to Appearence > Widgets. In the right column is a list of widget areas. Slideshows are typically inserted into one of these widget areas. The most common is called 'EZ Home Slider'. If you cannot find EZ Home Slider the widget area is likely named a variation of the word 'Slideshow' or 'Slider'.

Inside this widget area you should find a Text widget. Inside the text widget is a shortcode which is used to pull in your slideshow. This shortcode matches up with the one given in the Shortcode column in your slideshow list.

Also listed in
folder eWeb 2.0 -> Advanced Features

Prev   Next
Resize Images using Paint     How do I create an image gallery?