summaryrefslogtreecommitdiff
path: root/im/imdither/index.html
diff options
context:
space:
mode:
authoryo mama <pepper@scannerjammer.com>2015-02-13 02:42:02 -0800
committeryo mama <pepper@scannerjammer.com>2015-02-13 02:42:02 -0800
commitfd640b170a64584fd9c295be53c91972ff9f9ec1 (patch)
treec67e95b332e183bbf14065bba55dd77e86a71fbe /im/imdither/index.html
parent64f41d53728a966f10aef6d7ffbc00853d754300 (diff)
fixed some basics
Diffstat (limited to 'im/imdither/index.html')
-rwxr-xr-xim/imdither/index.html61
1 files changed, 61 insertions, 0 deletions
diff --git a/im/imdither/index.html b/im/imdither/index.html
new file mode 100755
index 0000000..fe4c2e1
--- /dev/null
+++ b/im/imdither/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
+<html>
+<head>
+ <script src="jquery.min.js"></script>
+ <script src="jquery.masonry.min.js"></script>
+ <style type="text/css">
+ .dithers{
+ float: left;
+ }
+ .master{
+ background: yellow;
+ }
+
+
+ </style>
+ <link href="style.css" rel="stylesheet" type="text/css"></link>
+ <script type="text/javascript" src="jquery.isotope.min.js"></script>
+ <script type="text/javascript" src="isotope_config.js"></script>
+<!-- <script type="text/javascript" src="/js/jquery.isotope.min.js"></script>-->
+<!-- <script type="text/javascript" src="/js/gallery_isotope_config.js"></script>-->
+ <script type="text/javascript"/>
+ $(function(){
+ $.ajax({
+ url: "/cgi-bin/imditherconf.cgi",
+ success: function(dithers){
+ var ditherbin = document.getElementById("dithers")
+ for (i in dithers){
+ var ditherWrapper = document.createElement("div");
+ ditherWrapper.style.backgroundImage = "url(dithers/"+dithers[i]+")";
+ ditherWrapper.style.width = "20";
+ ditherWrapper.style.height = "40";
+
+ ditherWrapper.id = dithers[i].replace(/\.[a-zA-Z]$/, "");
+ ditherWrapper.className = "dither";
+ document.getElementById("dithers").appendChild(ditherWrapper);
+ }
+
+
+ },
+ dataType: 'json'
+ });
+
+ })
+
+ </script>
+</head>
+<body>
+ <div id="dithers" class="isotope">
+
+
+
+ </div>
+
+</body>
+</html>
+
+
+
+
+
+