WordPress.org
Get WordPress

Plugin Directory

Changeset 677119


Ignore:
Timestamp:
03/06/2013 08:43:33 PM (13 years ago)
Author:
petroffm
Message:

Updated to version 1.1.

Location:
slenderbox/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • slenderbox/trunk/COPYING

    r642495 r677119  
    1 Copyright (c) 2012 Matthew Petroff
     1Copyright (c) 2012-2013 Matthew Petroff
    22
    33Permission is hereby granted, free of charge, to any person obtaining a copy of

  • slenderbox/trunk/readme.txt

    r642495 r677119  
    44Requires at least: 2.6
    55Tested up to: 3.5
    6 Stable tag: 1.0.0
     6Stable tag: 1.1.0
    77License: MIT
    88License URI: http://www.opensource.org/licenses/MIT
    … …  
    1313
    1414This plugin overlays images on the current page using [Slenderbox](http://mpetroff.github.com/slenderbox/).
     15
     16= 1.1 (2013-03-06) =
     17* Updated to Slenderbox v1.1: Switched loading icon from a SMIL animated SVG to a CSS3 animation for full IE 10 support.
    1518
    1619= 1.0 (2012-12-19) =
    … …  
    4851== Changelog ==
    4952
     53= 1.1 (2013-03-06) =
     54* Updated to Slenderbox v1.1: Switched loading icon from a SMIL animated SVG to a CSS3 animation for full IE 10 support.
     55
    5056= 1.0 (2012-12-19) =
    5157* Initial release

  • slenderbox/trunk/slenderbox.css

    r642495 r677119  
    1 #sboxWrapper{position:fixed;height:100%;width:100%;top:0;left:0;opacity:0;z-index:9999;overflow:hidden;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#sboxOverlay{position:fixed;height:100%;width:100%;background-color:#000;opacity:.9;overflow:hidden}#slenderbox{position:fixed;height:355px;width:320px;color:#bbb;font-family:Sans-Serif}.sboxTransitions{-webkit-transition:width .5s,height .5s,top .5s,left .5s;transition:width .5s,height .5s,top .5s,left .5s}#sboxImgH{background-color:#fff;border-radius:3px;padding:10px}#sboxLoad{position:absolute;height:30px;width:30px;top:145px;left:145px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2230%22%20width%3D%2230%22%3E%3Crect%20height%3D%2215%22%20width%3D%2215%22%20fill%3D%22%23bbb%22%3E%3CanimateMotion%20dur%3D%221.5s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M%200%200%20L%2015%200%20L%2015%2015%20L%200%2015%20L%200%200%22%2F%3E%3C%2Frect%3E%3C%2Fsvg%3E')}#sboxImg{height:300px;width:300px;background-size:100%;opacity:0;-webkit-transition:width .5s,height .5s,top .5s,left .5s,opacity .2s;transition:width .5s,height .5s,top .5s,left .5s,opacity .2s}#sboxX{height:27px;width:25px;margin:5px 15px 0 0;float:right;cursor:pointer;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2227%22%20width%3D%2225%22%3E%3Cpath%20d%3D%22m3.5742%200.0453-3.5742%203.5l8.9258%209-8.9258%208.9%203.5742%203.555%208.9258-8.926%208.926%208.926%203.574-3.6-8.926-8.9%208.926-9-3.574-3.5-8.926%208.9-8.926-8.9z%22%2F%3E%3Cpath%20fill%3D%22%23bbb%22%20d%3D%22m3.5742%202.0453-3.5742%203.5l8.9258%209-8.9258%208.9%203.5742%203.555%208.9258-8.926%208.926%208.926%203.574-3.6-8.926-8.9%208.926-9-3.574-3.5-8.926%208.9-8.926-8.9z%22%2F%3E%3C%2Fsvg%3E')}#sboxTitle{margin:5px 0 0 15px;font-size:13px;font-weight:bold}#sboxNum{margin:2px 0 0 15px;font-size:10px;font-weight:normal}#sboxNext,#sboxPrev{position:absolute;height:320px;width:150px;top:0;opacity:0;cursor:pointer;display:none;-webkit-transition:width .5s,height .5s;transition:width .5s,height .5s}#sboxNext{right:0}#sboxNext:hover,#sboxPrev:hover{opacity:1}#sboxNextA,#sboxPrevA{position:absolute;height:47px;width:29px;top:136.5px;-webkit-transition:top .5s;transition:top .5s;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2247%22%20width%3D%2229%22%20version%3D%221.1%22%3E%3Cpath%20opacity%3D%22.75%22%20d%3D%22m5.5%200-5.5%205.5625%2017.938%2017.938-17.938%2017.938%205.5625%205.562%2023.438-23.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m5.5%202-3.5%203.5625%2017.938%2017.938-17.938%2017.938%203.5625%203.562%2021.438-21.5z%22%2F%3E%3C%2Fsvg%3E')}#sboxNextA{right:20px}#sboxPrevA{left:20px;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}
     1#sboxWrapper{position:fixed;height:100%;width:100%;top:0;left:0;opacity:0;z-index:9999;overflow:hidden;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#sboxOverlay{position:fixed;height:100%;width:100%;background-color:#000;opacity:.9;overflow:hidden}#slenderbox{position:fixed;height:355px;width:320px;color:#bbb;font-family:Sans-Serif}.sboxTransitions{-webkit-transition:width .5s,height .5s,top .5s,left .5s;transition:width .5s,height .5s,top .5s,left .5s}#sboxImgH{background-color:#fff;border-radius:3px;padding:10px}#sboxLoad{position:absolute;height:30px;width:30px;top:145px;left:145px;-webkit-backface-visibility:hidden}#sboxImg{height:300px;width:300px;background-size:100%;opacity:0;-webkit-transition:width .5s,height .5s,top .5s,left .5s,opacity .2s;transition:width .5s,height .5s,top .5s,left .5s,opacity .2s}#sboxX{height:27px;width:25px;margin:5px 15px 0 0;float:right;cursor:pointer;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2227%22%20width%3D%2225%22%3E%3Cpath%20d%3D%22m3.5742%200.0453-3.5742%203.5l8.9258%209-8.9258%208.9%203.5742%203.555%208.9258-8.926%208.926%208.926%203.574-3.6-8.926-8.9%208.926-9-3.574-3.5-8.926%208.9-8.926-8.9z%22%2F%3E%3Cpath%20fill%3D%22%23bbb%22%20d%3D%22m3.5742%202.0453-3.5742%203.5l8.9258%209-8.9258%208.9%203.5742%203.555%208.9258-8.926%208.926%208.926%203.574-3.6-8.926-8.9%208.926-9-3.574-3.5-8.926%208.9-8.926-8.9z%22%2F%3E%3C%2Fsvg%3E')}#sboxTitle{margin:5px 0 0 15px;font-size:13px;font-weight:bold}#sboxNum{margin:2px 0 0 15px;font-size:10px;font-weight:normal}#sboxNext,#sboxPrev{position:absolute;height:320px;width:150px;top:0;opacity:0;cursor:pointer;display:none;-webkit-transition:width .5s,height .5s;transition:width .5s,height .5s}#sboxNext{right:0}#sboxNext:hover,#sboxPrev:hover{opacity:1}#sboxNextA,#sboxPrevA{position:absolute;height:47px;width:29px;top:136.5px;-webkit-transition:top .5s;transition:top .5s;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2247%22%20width%3D%2229%22%20version%3D%221.1%22%3E%3Cpath%20opacity%3D%22.75%22%20d%3D%22m5.5%200-5.5%205.5625%2017.938%2017.938-17.938%2017.938%205.5625%205.562%2023.438-23.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m5.5%202-3.5%203.5625%2017.938%2017.938-17.938%2017.938%203.5625%203.562%2021.438-21.5z%22%2F%3E%3C%2Fsvg%3E')}#sboxNextA{right:20px}#sboxPrevA{left:20px;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}#sboxLoading{height:15px;width:15px;background-color:#bbb;position:relative;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:sboxKey;animation-name:sboxKey;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes sboxKey{from{left:0;top:0}25%{left:15px;top:0}50%{left:15px;top:15px}75%{left:0;top:15px}to{left:0;top:0}}@keyframes sboxKey{from{left:0;top:0}25%{left:15px;top:0}50%{left:15px;top:15px}75%{left:0;top:15px}to{left:0;top:0}}

  • slenderbox/trunk/slenderbox.js

    r642495 r677119  
    1 // Slenderbox 1.0, https://github.com/mpetroff/slenderbox
    2 (function(u,h){function p(j){l.style.opacity=0;n.style.display="inline";a=new Image;a.onload=function(){var b=a.height,j=a.width;a.height>f.clientHeight-55-80&&(a.height=f.clientHeight-55-80,a.width=a.width*a.height/b);a.width>f.clientWidth-20-80&&(a.width=f.clientWidth-20-80,a.height=b*a.width/j);l.style.height=a.height+"px";l.style.width=a.width+"px";c.style.height=a.height+55+"px";c.style.width=a.width+20+"px";c.style.left=f.clientWidth/2-(a.width+20)/2+"px";c.style.top=f.clientHeight/2-(a.height+
    3 20)/2+"px";n.style.left=a.width/2-15+10+"px";n.style.top=a.height/2-15+10+"px";g.style.height=a.height+20+"px";g.style.width=a.width/2+"px";r.style.top=a.height/2+10-23.5+"px";m.style.height=g.style.height;m.style.width=g.style.width;v.style.top=r.style.top;n.style.display="none";setTimeout(function(){l.style.backgroundImage="url("+a.src+")";l.style.opacity=1},300);e<d.length-1&&((new Image).src=d.item(e+1))};d=h.querySelectorAll('[data-sbox="'+j.getAttribute("data-sbox")+'"]');for(var b=0;b<d.length;b++)d.item(b)==
    4 j&&(e=b,b=d.length);q=""!=j.getAttribute("data-sbox")?!0:!1;a.src=j;w.innerHTML=j.title;1<d.length&&q&&(x.innerHTML="Image "+(e+1)+" of "+d.length,m.style.display=0<e?"inline":"none",g.style.display=e<d.length-1?"inline":"none")}function y(){p(d.item(e+1))}function z(){p(d.item(e-1))}function s(){k.style.opacity=0;setTimeout(function(){try{k.parentNode.removeChild(k)}catch(a){}},300);h.removeEventListener("keydown",A,!1);u.removeEventListener("resize",B,!1)}function A(a){a.preventDefault();a=a.keyCode;
    5 39==a?e<d.length-1&&q&&y():37==a?0<e&&q&&z():27==a&&s()}function B(){p(d.item(e))}function b(a,b){var c=h.createElement("div");c.id=a;b.appendChild(c);return c}var k,f,c,t,n,l,C,w,x,g,r,m,v,a,d,e,q;h.addEventListener("DOMContentLoaded",function(){[].forEach.call(h.querySelectorAll("[data-sbox]"),function(a){a.addEventListener("click",function(d){d.preventDefault();k=b("sboxWrapper",h.body);f=b("sboxOverlay",k);c=b("slenderbox",k);t=b("sboxImgH",c);n=b("sboxLoad",t);l=b("sboxImg",t);C=b("sboxX",c);
    6 w=b("sboxTitle",c);x=b("sboxNum",c);g=b("sboxNext",c);m=b("sboxPrev",c);r=b("sboxNextA",g);v=b("sboxPrevA",m);c.style.left=f.clientWidth/2-160+"px";c.style.top=f.clientHeight/2-160+"px";c.className="sboxTransitions";k.style.opacity=1;C.addEventListener("click",s,!1);f.addEventListener("click",s,!1);g.addEventListener("click",y,!1);m.addEventListener("click",z,!1);h.addEventListener("keydown",A,!1);u.addEventListener("resize",B,!1);p(a)},!1)})},!1)})(window,document);
     1// Slenderbox 1.1, https://github.com/mpetroff/slenderbox
     2(function(u,h){function p(j){l.style.opacity=0;m.style.display="inline";a=new Image;a.onload=function(){var b=a.height,j=a.width;a.height>f.clientHeight-55-80&&(a.height=f.clientHeight-55-80,a.width=a.width*a.height/b);a.width>f.clientWidth-20-80&&(a.width=f.clientWidth-20-80,a.height=b*a.width/j);l.style.height=a.height+"px";l.style.width=a.width+"px";c.style.height=a.height+55+"px";c.style.width=a.width+20+"px";c.style.left=f.clientWidth/2-(a.width+20)/2+"px";c.style.top=f.clientHeight/2-(a.height+
     320)/2+"px";m.style.left=a.width/2-15+10+"px";m.style.top=a.height/2-15+10+"px";g.style.height=a.height+20+"px";g.style.width=a.width/2+"px";r.style.top=a.height/2+10-23.5+"px";n.style.height=g.style.height;n.style.width=g.style.width;v.style.top=r.style.top;m.style.display="none";setTimeout(function(){l.style.backgroundImage="url("+a.src+")";l.style.opacity=1},300);e<d.length-1&&((new Image).src=d.item(e+1))};d=h.querySelectorAll('[data-sbox="'+j.getAttribute("data-sbox")+'"]');for(var b=0;b<d.length;b++)d.item(b)==
     4j&&(e=b,b=d.length);q=""!=j.getAttribute("data-sbox")?!0:!1;a.src=j;w.innerHTML=j.title;1<d.length&&q&&(x.innerHTML="Image "+(e+1)+" of "+d.length,n.style.display=0<e?"inline":"none",g.style.display=e<d.length-1?"inline":"none")}function y(){p(d.item(e+1))}function z(){p(d.item(e-1))}function s(){k.style.opacity=0;setTimeout(function(){try{k.parentNode.removeChild(k)}catch(a){}},300);h.removeEventListener("keydown",A,!1);u.removeEventListener("resize",B,!1)}function A(a){a.preventDefault();a=a.keyCode;
     539==a?e<d.length-1&&q&&y():37==a?0<e&&q&&z():27==a&&s()}function B(){p(d.item(e))}function b(a,b){var c=h.createElement("div");c.id=a;b.appendChild(c);return c}var k,f,c,t,m,l,C,w,x,g,r,n,v,a,d,e,q;h.addEventListener("DOMContentLoaded",function(){[].forEach.call(h.querySelectorAll("[data-sbox]"),function(a){a.addEventListener("click",function(d){d.preventDefault();k=b("sboxWrapper",h.body);f=b("sboxOverlay",k);c=b("slenderbox",k);t=b("sboxImgH",c);m=b("sboxLoad",t);sboxLoading=b("sboxLoading",m);
     6l=b("sboxImg",t);C=b("sboxX",c);w=b("sboxTitle",c);x=b("sboxNum",c);g=b("sboxNext",c);n=b("sboxPrev",c);r=b("sboxNextA",g);v=b("sboxPrevA",n);c.style.left=f.clientWidth/2-160+"px";c.style.top=f.clientHeight/2-160+"px";c.className="sboxTransitions";k.style.opacity=1;C.addEventListener("click",s,!1);f.addEventListener("click",s,!1);g.addEventListener("click",y,!1);n.addEventListener("click",z,!1);h.addEventListener("keydown",A,!1);u.addEventListener("resize",B,!1);p(a)},!1)})},!1)})(window,document);
Note: See TracChangeset for help on using the changeset viewer.