2013-04-02

Tovi – The JavaScript image gallery and HTML slider

Views: 9696 | Add Comments

+ Features

Images and HTML code snippets

Both images and images and HTML code snippets can be played.

Dynamic image sizing

Center and resize images on the fly to suit the slider’s size, regardless of the image source. Images can be scaled by mouse wheel and trackpad, and can be dragged to place at any position of the slider window.

Swipe and mouse drag to navigate

Slides can be navigated by trackpad swipe or mouse drag and drop, just like iPhone panel.

+ Liscence and pricing

Free – Non-commercial

Tovi is free for a personal or non-profit project. Any modification to the codes is allowed, and only be used for Non-commercial.

Commercial use with technical support

Tovi Single Website + Email Support, please contact: admin@udpwork.com

Notice: this sell does not include any liscence of jQuery.

Usage:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://tovi.ideawu.com/swipe.js"></script>
<script type="text/javascript" src="http://tovi.ideawu.com/tovi.js"></script>

<div id="player" style="margin: 10px auto; width: 400px; height: 300px; border: 1px solid #ccc;">
	<img src="http://images.apple.com/mac/home/images/promo_lead_macbookpro.jpg" />
	<div style="background: #bb8;">
		<h1>Thanks!</h1>
	</div>
</div>

<script type="text/javascript">
var tovi;
$(function(){
	$(document).ready(function(){
		tovi = new ToviViewer();
		tovi.init($('#player'));
	});
});
</script>
Posted by ideawu at 2013-04-02 22:09:02

Leave a Comment