diff --git a/lib/ComicBook.js b/lib/ComicBook.js index 3d2e3fe..5870ba0 100755 --- a/lib/ComicBook.js +++ b/lib/ComicBook.js @@ -182,7 +182,7 @@ function ComicBook(id, srcs, opts) { * TODO: split out brightness / contrast controls? */ color: $(document.createElement("div")) - .attr("id", "cb-control-color") + .attr("id", "cb-color") .addClass("cb-control floating") .append("") .append($("
").slider({ @@ -195,7 +195,7 @@ function ComicBook(id, srcs, opts) { } })) .append("") - .append($("").slider({ + .append($("").slider({ value: 0, step: 0.1, min: 0, @@ -205,7 +205,7 @@ function ComicBook(id, srcs, opts) { } })) .append("") - .append($("").slider({ + .append($("").slider({ value: 0, step: 0.1, min: 0, @@ -214,7 +214,7 @@ function ComicBook(id, srcs, opts) { ComicBook.prototype.enhance.sharpen({ amount: ui.value }); } })) - .append(" ") + .append(" ") .append("") .css({ position: "absolute", @@ -248,6 +248,7 @@ function ComicBook(id, srcs, opts) { ComicBook.prototype.renderControls = function() { $(canvas) + .after(this.getControl("toolbar")) .after(this.getControl("navigation").left) .after(this.getControl("navigation").right) .after(this.getControl("color").hide()); @@ -262,10 +263,10 @@ function ComicBook(id, srcs, opts) { $("#reset").click(function(e){ // TODO: improve performance here. - $("#brightness").slider("value", 0) - $("#saturation").slider("value", 0); - $("#sharpen").slider("value", 0); - var desaturate = $("#desaturate"); + $("#cb-brightness").slider("value", 0) + $("#cb-saturation").slider("value", 0); + $("#cb-sharpen").slider("value", 0); + var desaturate = $("#cb-desaturate"); desaturate.attr("checked", !desaturate.attr("checked")); ComicBook.prototype.enhance.reset(); });