HTML5 Image Enhancer Manual

Advanced: Enhancing Multiple Images at Once with HTML5 Image Enhancer

In this tutorial we will show you how to apply the same settings to multiple images on your page using the Global Selectors option in HTML5 Image Enhancer.

*You can also check out the video here.

How to do it

1.Define your site in Dreamweaver and create a new page.

2.Adding Images – Choose the  icon from the DMXzone object bar to apply the extension and add the images on the page page.

3.Adding a dummy class - We are going to add a dummy class, named "images" within the <style></style> tags of our page.

4. Select the first image (1) and the class that we've just created from the Dropdown class menu (2).  We do the same for the other 2 images.
   
   

5. Using the Global Selector - Select the Global Selector radio button (1), add a name for this global selector (2) and enter the CSS Class we've just created (3).

6. Adding Effects - You can edit the effects for this selector later, by clicking the Use Existing radio button (1), but we will do it now.  We will use Reflection (2) for this class images and Blur (3) effect.
   
   

Now, you can save your work and preview the result in the browser.