yetangitu/canvas-based-HTML5-Comic-Book-Reader
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

more css namespacing

Browse source
This commit is contained in:
Bala Clark 2011-08-31 23:10:47 +02:00
parent 70099534e7
commit 7dec54b89d
1 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
lib/ComicBook.js
View file

@ -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("<label>brightness</label>")
.append($("<div id='brightness'></div>").slider({
@ -195,7 +195,7 @@ function ComicBook(id, srcs, opts) {
}
}))
.append("<label>contrast</label>")
.append($("<div id='contrast'></div>").slider({
.append($("<div id='cb-contrast'></div>").slider({
value: 0,
step: 0.1,
min: 0,
@ -205,7 +205,7 @@ function ComicBook(id, srcs, opts) {
}
}))
.append("<label>sharpen</label>")
.append($("<div id='sharpen'></div>").slider({
.append($("<div id='cb-sharpen'></div>").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("<input type='checkbox' id='desaturate' /> <label for='desaturate'>Desaturate</label>")
.append("<input type='checkbox' id='cb-desaturate' /> <label for='desaturate'>Desaturate</label>")
.append("<button id='reset' style='display:block'>reset</button>")
.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();
});