Setting displacement images
You can completely change the effect of the transition by simply changing the image that is used as the displacement image. You need to make sure the image is in greyscale values but then just save it as a regular RGB JPEG image. In the code change the line:
<img src="images/displ2.jpg" data-sampler="displacement" /> Here, another image has been used, which is a rippled swimming pool image. Instead of the geometric lines in the transition there are wavy ripples that transform the video images together. It’s best to use a greyscale image because it uses the different shades of grey to transform the amount of movement. The lighter areas transform faster than the darker areas, so keep that in mind when selecting your own image to use.