JavaScriptCodes
diff --git a/‎examples/slideshow.html
Lines changed: 3 additions & 1 deletion b/‎examples/slideshow.html
Lines changed: 3 additions & 1 deletion
diff --git a/‎examples/slideshow.js
Lines changed: 2 additions & 2 deletions b/‎examples/slideshow.js
Lines changed: 2 additions & 2 deletions
diff --git a/‎examples/style.css
Lines changed: 12 additions & 0 deletions b/‎examples/style.css
Lines changed: 12 additions & 0 deletions
@@ -1,8 +1,9 @@
 <!DOCTYPE HTML>
-<html>
+<html class=dark>
 <head>
 <title>smartcrop.js slideshow</title>
 <link rel=stylesheet href=style.css>
+<meta property="og:image" content="http://29a.ch/sandbox/2014/smartcrop/examples/images/slideshow/0.jpg">
 </head>
 
 <body>
@@ -13,6 +14,7 @@ <h1>smartcrop.js slideshow</h1>
 
     <div id=prev-slide></div>
     <div id=slide>loading, this can take a little while...</div>
+    <p>All the images are my own, you can find them and their license on my <a href="https://www.flickr.com/photos/80225884@N06/">flickr stream</a>.</p>
     <script src=jquery.js></script>
     <script src=underscore.js></script>
     <script src="../smartcrop.js"></script>
 
@@ -26,7 +26,7 @@ function slideShow(images){
         .each(function(i){
             i.img = new Image();
             i.img.onload = function(){
-                var options = {width: width*0.1, height: height*0.1};
+                var options = {width: width*0.1, height: height*0.1, ruleOfThirds: false};
                 SmartCrop.crop(i.img, _.extend({maxScale: 0.8, minScale: 0.7}, options), function(from){
                     i.from = from;
                     if(++analysed==images.length*2) next();
@@ -58,7 +58,7 @@ function showSlide(image, done){
     }
 
     // zooming out usually works better, but some change is good too
-    if(image.from.topCrop.score.total*3.9 > image.to.topCrop.score.total) {
+    if((image.from.topCrop.score.total+0.1)*1.002 > (image.to.topCrop.score.total+0.1)) {
         from = image.from;
         to = image.to;
     }
 
@@ -5,6 +5,18 @@ body {
     padding: 8px;
     margin: auto;
 }
+.dark {
+    background: #111;
+    color: #888;
+}
+.dark a {
+    color: #8af;
+}
+
+h1 {
+    font-weight: normal;
+}
+
 p {
     max-width: 900px;
 }