Create real-time image effects on your web page with Flash Image Enhancer. Use rounded corners, borders, drop shadows, blur, grayscale and mouse over effects like an image description that slides in!
Flash Image Enhancer Manual
Create real-time image effects on your web page
Creating Popups with enhancedImages by integrating Advanced Layer Popup
In this tutorial we're going to show you how you can display your enhanced images in a popup window using Flash Image Enhancer and Advanced Layer Popup.
Start: Original image
Enhanced Image with reflections, a border, rounded corners and a shadow
A bigger version of the image appears in a popup when the enhanced image is clicked.
Enhancing your image
Make sure you've read the Before You begin and Applying the Flash Image Enhancer extension – Basic Settings chapter.
Choose the icon from the DMXzone object bar to apply the extension, the Flash Image Enhancer appears. You can also use an existing image, select the image and then choose the icon. We use the following settings (feel free to experiment on your own):
- Setting the Advanced Layer Popup options
Click on the icon and DMXzone Behaviors Connector pops up
Note: you need Advanced Layer Popup to open your enhanced images in a popup window.
After clicking the icon a new popup window appears.
Now it is time to select the image we'll display in our popup window by pressing the Browse… button next to the Url to Display field.
We use the following settings (feel free to experiment on your own):
- Final steps
Press Ok, save your files, upload them to your server (including the script library) and the result should be similar to the image below.
George Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. The most popular for its over high-quality Dreamweaver extensions and templates.
George is also the founder of Wappler.io - the most Advanced Web & App Builder