CODEWITHSUNDEEP
opacityjquery-ui-slider
remibenault
remibenault

Reputation: 25

Jquery UI : Use slider for changing element opacity

I come to you because Jquery slider makes me crazy since hours, I've to use it for changing opacity of my div. When I try to add :

slide: function(event, ui) {
    var canvas = $('#canvas');
    tooltip.text(ui.value);
    canvas.css('opacity', '' + ui.value + '');
},

The Handle is blocked and slider stops to work. I'm using piece of code I found here but when I start to edit it, everything breaks.

Here is the Jsfiddle link : http://jsfiddle.net/remibenault/cqVPM/302/

Any help will be appreciated.

Upvotes: 0

Views: 981

Answers (1)

Adrien Vinches
Adrien Vinches

Reputation: 226

Here is the line of code I added into your repositionTooltip function:

    $("#canvas").css("opacity",ui.value);

you can find the exemple here : http://jsfiddle.net/cqVPM/305/

Upvotes: 1

Related Questions