I wanted to add a little more interactivity to some areas of the site and decided to look into effects for the images, enlargements and slideshows. The first think I did was to look on Dynamic Drive as I had used it before and it has clear instructions to help edit the html.
I found this code which allows you to magnify sections of the images on mouseover
This is what it looks like on my page it also has an effect where you can choose the amount of zoom, and if you scroll while you have the box over the image you can zoom in more.
I also added this code for a fade-in slideshow on the main navigation page to fill the large gap but still have some good space.
When I saved the files to use on the website I made sure they all had names that were easy to locate and similar images I just changed the number to make it easy when editing to swap images in the html
No comments:
Post a Comment