22. Sep 2007

Bilder umblättern - mit JavaScript

Mit den neuen curl.js und cvi_curl_lib.js JavaScript Bibliotheken von Christian Effenberger ist es mögliche einen - Seiten-Umblätter-Effekt zu simulieren.

Alles was zu tun ist:

  • <script type="text/javascript" src="curl.js“></script>
  • To get the page curl effect just add a class=”curl” to the image (minimum dimension: 64×64).
  • vary the size of the curl by adding isize followed by the desired size in percent:
    Curl size class “isize” - min=0 max=MinImageDimension default=33
  • vary the paperback color of the curl by adding icolor followed by the color:
    Curl color class “icolor” - min=000000 max=ffffff default=0
  • vary the shadow by adding ishadow followed by the opacity in percent:
    Curl shadow class “ishadow” - min=0 max=100 default=66
  • If you want flexibility, use “cvi_curl_lib.js” instead of “curl.js“. You can make your curls respond to user actions (e.g. changing the curl size when the image is hovered over).

Mehr dazu auf http://www.netzgesta.de/curl/…

This entry was posted on Saturday, September 22nd, 2007 at 22:51 and is filed under JavaScript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply

You must be logged in to post a comment.