Slideshow: Blending from Image to Image, caching Slideshow: Blending from Image to Image, caching
 

News:

CPG Release 1.6.27
change DB IP storage fields to accommodate IPv6 addresses
remove use of E_STRICT (PHP 8.4 deprecated)
update README to reflect new website
align code with new .com CPG website
correct deprecation in captcha

Main Menu

Slideshow: Blending from Image to Image, caching

Started by pyzahl, August 30, 2005, 02:15:33 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

pyzahl

I like a Slide-Show with blending over from current to the next images, for a static (igal) based gallery I worked out a blending mechanism, based on java script,
see attached slideshow.js and example below.

Blending works then using the blendimage function like this:

      <A href="javascript:blendimage('blenddiv','blendimage', 'DSCN3708.JPG',5000,'1.html')">Prev</A>
      <A href="javascript:blendimage('blenddiv','blendimage', 'DSCN3711.JPG',5000,'3.html')">Next</A>

I also force caching of the previous and next image for immediate availability of image data for blending and switching.
Just have Look at the html source of the link below.

Example, click on "Blend: Next" -- I'm not sure if this works with MSIE, but all Firfoxes (Mozilla based) are working great:
http://mysite.verizon.net/pyzahl/MTB-Kerenzerberg/8.html