Hello,
I’m creating a web site that is composed by 9 images, side by side. The site is 968 px wide and 200 px high. Each of the 9 images is 484 px wide and 200 px high originally, but they are masked so that they first appear to have the widths 22, 33, 44, 55, 66, 77, 88, 99, and 484. When the user mouses over a picture, that picture is “unmasked” and showing itself in it’s whole width (484), while the others “shrink” to give room for the big one. It’s random which picture has the width 22, 33, 44, 55, 66, 77, 88, or 99, but the “chosen” picture is always 484 wide and the sum of the width of the other 8 pictures is always 484 as well.
In other words, I want to have the masks tween in size to reveal the image that is rolled over and at the same time have the other 8 masks randomly shrink only revealing a portion of each picture…
Does anyone have an idea of how this could be programmed?
Many thanks for your help, below is a picture that might clarify things.
