CVI-Projects

Astonishing Image Effects through JS and Canvas/VML

CVISlogan S5-Reloaded
mapzoom.js
VERSION 1.4

Image Effect: Supports zoom & pan for pixel & vector data! It's a conceptual combination of ShiftZoom and Mapper. Requires no plugin/extension or any other external resource!

New since 1.4: Fixed wheel behavior in conjunction with the argument "nozoom"

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 3+, Opera 9.5+, Chrome 5+, Safari 3.1+ and IE 6+ (inc. iOS & Android). Works also on older browsers supporting images/ createElement/ getElementById but without vector support, else it'll degrade and your visitors won't notice a thing.

shiftzoom.js
VERSION 3.9

Image Effect: Supports zoom & pan functionality! The library allows you to add/remove zoom and pan functionality to oversized images on your webpages. Requires no plugin/extension or any other external resource!

New since 3.9: Fixed wheel behavior in conjunction with the argument "nozoom"

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). Works also on older browsers supporting images/createElement/getElementById, else it'll degrade and your visitors won't notice a thing.

snapfit.js
VERSION 1.5

Image Effect: Supports jigsaw puzzle functionality! The script allows you to add jigsaw puzzles with individual options to images on your webpages. Requires no plugin/extension or any other external resource!

New since 1.5: Extended usability

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

booklet.js
VERSION 1.3

Image Effect: Simulates an authentic looking album or book presenting photos, images and pictures of all sizes and with any aspect ratio. Includes covering, navigation, information, linking and auto generated visual table of contents. Requires no plugin/extension or any other external resource!

New since 1.3: Added restricted support for IE 6/7/8

It uses unobtrusive javascript to keep your code clean and works in all html-5 canvas supporting browsers like: Mozilla Firefox 2+, Safari 2+, Chrome 4+, Opera 9+ and IE 9+. On older browsers, it'll degrade and your visitors won't notice a thing.

tripleb.js
VERSION 1.24

Image Effect: Simulates the CSS 3 beautifying features border-radius, box-shadow and background-gradient on your webpages. Requires no plugin/extension or any other external resource!

New since 1.24: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in most major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 7+ and Safari 3+ (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

loupe.js
VERSION 2.0

Image Effect: Simulates an authentic looking magnifying glass! The script allows you to add a loupe for magnifying (inc. start viewpoint) to an image on your webpage. Requires no plugin/extension but one external resource image!

New since 2.0: Reworked version supports multiple instances. Added support for different loupe designs and sizes. Added support for ontouch/ongesture events. Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

busy.js
VERSION 1.3

Image Effect: Supports native spinner animations! The library allows you to add/remove loading indicators to the viewport and to block-level elements on your webpages. Requires no plugin/extension or any other external resource!

New since 1.3: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade to simple quadratic shapes.

mapper.js
VERSION 2.4

Image Effect: Emulates native area highlighting! The script allows you to add automatic area highlighting to image maps on your webpages (inc. export to SVG). Requires no plugin/extension or any other external resource!

New since 2.4: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it can use 'jsgraphics' from Walter Zorn (if installed), else it'll degrade and your visitors won't notice a thing.

glossy.js
VERSION 1.8

Image Effect: Simulates a glossy shaded and beveled button look! The script allows you to add individual corners, shadings and shadows to images on your webpages. Requires no plugin/extension or any other external resource!

New since 1.8: Added support for Internet Explorer 9. Added support for angled shine area

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

slided.js
VERSION 1.5

Image Effect: Simulates a slide frame look including gradients! The script allows you to add individual colors, shadings and shadows to images on your webpages. Requires no plugin/extension or any other external resource!

New since 1.5: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

corner.js
VERSION 2.1

Image Effect: Simulates a whole bunch of image effects! The script allows you to add individual corners, shadings and shadows to images on your webpages. Requires no plugin/extension or any other external resource!

New since 2.1: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

transm.js
VERSION 1.2

Image Effect: Supports programmable image transitions! Features 113 transitions, 32 tweenings, individual corners, overlay graphics and event actions. Requires no plugin/extension or any other external resource!

New since 1.2: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). Works also on older browsers supporting JS 1.5 and images/filter/opacity, else it'll degrade and your visitors won't notice a thing.

gauge.js
VERSION 1.4

Image Effect: Supports programmable gauges! The script allows you to add gauges (with shading and reflection) to your webpages. Requires no plugin/extension or any other external resource!

New since 1.4: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

filmed.js
VERSION 1.4

Image Effect: Simulates a film strip look including reflection! The script allows you to add individual colors, shining and shadows to images on your webpages. Requires no plugin/extension or any other external resource!

New since 1.4: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

edge.js
VERSION 1.5

Image Effect: Simulates masked image edges! The script allows you to add individual masks (inc. inbuilt mask) to images on your webpages. Requires no plugin/extension but zero or more external mask images!

New since 1.5: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

sphere.js
VERSION 1.3

Image Effect: Simulates a spherical image effect! The script allows you to add an spherical picture effect with individual zooming, shading, shining, transparency and colors to images on your webpages. Requires no plugin/extension or any other external resource!

New since 1.3: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

bevel.js
VERSION 1.4

Image Effect: Simulates a whole bunch of image effects! The script allows you to add bevels with individual glowing, shading and shining to images on your webpages. Requires no plugin/extension or any other external resource!

New since 1.4: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

curl.js
VERSION 1.4

Image Effect: Simulates a page curl image effect! The script allows you to add curls with individual paperback color, shadow opacity and size to images on your webpages. Requires no plugin/extension or any other external resource!

New since 1.4: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

instant.js
VERSION 2.4

Image Effect: Simulates an instant picture look including tilt! The script allows you to add individual colors, tiltings and shadows to images on your webpages. Requires no plugin/extension or any other external resource!

New since 2.4: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

reflex.js
VERSION 1.5

Image Effect: Simulates a Cover Flow image effect! The script allows you to add individual borders, tiltings and reflections to images on your webpages. Requires no plugin/extension or any other external resource! *Cover Flow is a trademark of Apple Inc.

New since 1.5: Added support for Internet Explorer 9

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome 3+, IE 6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

text
VERSION 1.02

Description: This Support Lib is customizable and extendable and provides multiple master single line stroke text capability for some CVI effect libs [part of distribution]. Includes a (built in) sans-serif font with complete ISO-8859-1 charset. Requires no plugin/extension or any other external resource!

New since 1.02: IE8 modifications

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome, IE6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

filter
VERSION 2.0

Description: This Support Lib provides image filter capabilities (e.g. gamma, brightness, contrast, blur, sharpen, invert, threshold, grayscale, convolve...) for the available CVI effect libs [part of distribution]! Convolution kernels are customizable and extendable. Requires no plugin/extension or any other external resource!

New since 2.0: Added the miniature faking filter "titltshift"

It uses unobtrusive javascript to keep your code clean and works only with canvas browsers supporting getImageData/setImageData, else it'll degrade and your visitors won't notice a thing.

istack
VERSION 1.0

Description: This Support Lib was made in order to realize soft fading image stacks for the available CVI effect libs [part of distribution]! Requires no plugin/extension or any other external resource!

New since 1.0: Initial version

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome, IE6+ and Safari (inc. iPhone). On older browsers, it shows the images without any cvi effects.

lab
VERSION 3.0

Description: This WYSIWYG application was made in order to get a fast impression of the available CVI effects (inc. Filter) and their illustration qualities! Requires no plugin/extension or any other external resource! Play around and have fun.

New since 3.0: supports cvi_filter_lib 2.0

It uses unobtrusive javascript to keep your code clean and works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Chrome, IE6+ and Safari (inc. iPhone). On older browsers, it'll degrade and your visitors won't notice a thing.

dev

Description: The CVI Developer Scripts are distributed under the GPL, LGPL and AGPL open source licenses. This triple copyleft licensing model should avoid incompatibilities with other open source licenses. For many companies and products, Open Source licenses are not an option. For these situations and for companies using the CVI Developer Scripts in commercial applications we offer the Netzgestade Closed Distribution License. It is a non-copyleft license which gives companies complete freedom when integrating the CVI Developer Scripts in their products and web sites.

Chronology

Description: The CVI Chronology shows a chronology of all CVI program releases. The beauty of the style sheet features is depending on the used browser engine (best viewed with webkit because of widely used transition attribute).

All scripts are distributed under the Netzgestade Non-commercial Software License Agreement [TXT| HTML| PDF]. License permits free of charge use on non-commercial and private web sites only under special conditions (as described in the license). This license equals neither "open source" nor "public domain". There are also Commercial Software Licenses available.

YOU AGREE TO ALL CONDITIONS OF THIS LICENCE AGREEMENT CONCERNING THE USE OF THE SOFTWARE BY ACCEPTING THIS LICENCE. IF YOU DO NOT AGREE TO ALL CONDITIONS OF THIS AGREEMENT, YOU SHALL NOT INSTALL THE SOFTWARE, OR USE IT IN OTHER WAYS.

All scripts are distributed under the Netzgestade Software License Agreement.
License permits free of charge use on non-commercial and private web sites only under special conditions (as described in the license).
There are also Commercial Software Licenses at cvi@netzgesta.de available.

YOU AGREE TO ALL CONDITIONS OF THIS LICENCE AGREEMENT CONCERNING THE USE OF THE SOFTWARE BY ACCEPTING THIS LICENCE. IF YOU DO NOT AGREE TO ALL CONDITIONS OF THIS AGREEMENT, YOU SHALL NOT INSTALL THE SOFTWARE, OR USE IT IN OTHER WAYS.
cvi.netzgesta.de © 2014 by Christian Effenberger feed   delicious   digg   reddit   magnoliacom   newsvine   furl   google   yahoo   blinklist   mister-wong