garyl

Hi guys, i am trying to get the slider event to fire when the jquery animates the handle on load but whatever i try i cant figure it out. Hope you can help. I need the divs to expand with the handle animation and then for the user to use the slider to manipulate the graph which is currently working. Thanks, Gaz DEMO JS $("#slider").slider({ animate: "slow", value: 0, max: 100, min: 0, step: 0.01, slide: function (event, slider) { $('#vardiv').css('height', slider.value / 100 * 6000); $('#vardiv').css('max-height', 180); $('#vardiv1').css('height', slider.value / 100 * 90); $('#vardiv2').css('height', slider.value / 100 * 20); $('#vardiv3').css('height', slider.value / 100 * 40); $('#vardiv4').css('height', slider.value / 100 * 70); } }); $("#slider").ready(function () { $('.ui-slider-handle').animate({ left: '27' }, 2000, 'linear').animate({ left: '70' }, 1500, 'linear').animate({ left: '270' }, 2000, 'linear'); });

Any ideas anybody? I am struggling with this.

Sorry i should have said the output on the label "Saving from quitting smoking" doesn't add up the slider values properly.

Hi all, First off i will apologise if my code is a bit messed up but its my first shot at complex (in my view) javascript on my own. i am having problems with the result divs picking up the slider values properly. It almost works except when you change direction on the slider the first step counts in the wrong direction. I'm sorry if i am not being very clear i don't really know how else to explain it. Here is the fiddle: http://jsfiddle.net/swinky/bYN8g/ and fullscreen : http://jsfiddle.net/swinky/bYN8g/embedded/result/ Hope you can help, Thanks, Gaz

Hello from a newbie to a bunch of ledgends Gaz