Salitehkat

chrisbuttery / 1.js

Last active April 6, 2024 16:10

Fade in / Fade out

	// fade out

	function fade(el) {
	var op = 1;
	var timer = setInterval(function () {
	if (op <= 0.1){
	clearInterval(timer);
	el.style.display = 'none';
	}
	el.style.opacity = op;

jsturgis / gist:3b19447b304616f18657

Created November 5, 2014 01:17

public test videos

	var mediaJSON = { "categories" : [ { "name" : "Movies",
	"videos" : [
	{ "description" : "Big Buck Bunny tells the story of a giant rabbit with a heart bigger than himself. When one sunny day three rodents rudely harass him, something snaps... and the rabbit ain't no bunny anymore! In the typical cartoon tradition he prepares the nasty rodents a comical revenge.\n\nLicensed under the Creative Commons Attribution license\nhttp://www.bigbuckbunny.org",
	"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" ],
	"subtitle" : "By Blender Foundation",
	"thumb" : "images/BigBuckBunny.jpg",
	"title" : "Big Buck Bunny"
	},
	{ "description" : "The first Blender Open Movie from 2006",
	"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" ],

longhotsummer / leaflet-big-image-full.html

Created April 5, 2016 06:47

Full example of using leaflet to pan and zoom a big image, as described at http://kempe.net/blog/2014/06/14/leaflet-pan-zoom-image.html

	<html>
	<!-- See also: http://kempe.net/blog/2014/06/14/leaflet-pan-zoom-image.html -->
	<head>
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"></script>
	<style>
	#image-map {
	width: 100%;
	height: 300px;
	border: 1px solid #ccc;
	margin-bottom: 10px;