A Pen by Jim Savage

Developer
Size
2,418 Kb
Views
14,168

How do I make an a pen by jim savage?

What is a a pen by jim savage? How do you make a a pen by jim savage? This script and codes were developed by Jim Savage on 19 November 2022, Saturday.

A Pen by Jim Savage Previews

A Pen by Jim Savage - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Jim Savage</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="container"></div>
<a href="http://graphemelabs.com"> <div class="overlay"> made.by(jam); </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://rawgithub.com/Grapheme/graphemescope/master/lib/graphemescope.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Jim Savage - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
body { /* Makes kaleidoscope fullscreen */ margin: 0; padding: 0; overflow : hidden; background-color : black;
}
.overlay { background-color: black; opacity : 0.9; padding : 5px; position:absolute; top: 5px; left: 0px; z-index: 2; font-family: "Roboto Condensed"; font-size: 1.5em; color: white; text-decoration: none;
}

A Pen by Jim Savage - Script Codes JS Codes

var images = [ "https://dl.dropboxusercontent.com/s/yt6mfabsr5qqs2g/test4.jpg?dl=1&token_hash=AAEnDM-0ejIK8QJj2o9QSK2MU7AwFDS_NKviA9O1HprpNQ"
];
// Let's create graphemescope object inside the container
var container = $("#container");
var scope = new Graphemescope( container[0] );
var index = 0;
function changePicture() { scope.setImage(images[index]); index = (index + 1) % images.length;
};
setInterval(changePicture, 2000);
changePicture();
$(window).mousemove(function(event) { var factorx = event.pageX / $(window).width(); var factory = event.pageY / $(window).height() // This will move kaleidoscope scope.angleTarget = factorx; scope.zoomTarget = 1.0 + 0.5 * factory;
});
var resizeHandler = function() { container.height( $(window).height() ); container.width( $(window).width() );
};
$(window).resize(resizeHandler);
$(window).resize();
container.click(changePicture);
A Pen by Jim Savage - Script Codes
A Pen by Jim Savage - Script Codes
Home Page Home
Developer Jim Savage
Username madebyjam
Uploaded November 19, 2022
Rating 3
Size 2,418 Kb
Views 14,168
Do you need developer help for A Pen by Jim Savage?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jim Savage (madebyjam) Script Codes
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!