

6 In the Properties panel, locate the Alt field and type Cucumbers in the text box. Dreamweavers standardized JavaScript lets website developers create slideshows without having to dig into the code directly.

Click and drag cucumbers.jpg from your Files panel directly below the beets image in the Design view. In the document window, click to the right of the beets image and press Enter (Windows) or Return (Mac OS) to create a new line. More interested about adopting an image slider and customize it on the way? Here are posts dedicated for you. 5 Double-click the images folder in the Files panel to reveal its contents. Sounds like a lot of complicated bits involved, but in fact it’s pretty straightforward and very easy to understand, let’s get started then!

Not only will we illustrate it in Photoshop, we will also turn it into a functional design by converting it into HTML/CSS and adding jQuery for its awesome sliding effect. In this web design tutorial, we will learn to create custom image slider above using Photoshop, which you can preview the final result from here. Though the web has started to rethink about the usability of the image slider, it’s still considered as a must-learn for the newcomer of the web design industry. Undoubtedly, image slider is one of the most commonly used elements in the business web design, due to its relatively large size that is able to draw the visitor’s attention once they arrive the site.
