Ok, I was able to change everything by altering the template.css (by looking at this helpful tutorial:
www.22surveys.com/blog/?p=48). Yay!

Sadly, I need the image URL to include an INSERTANS value - and it seems, INSERTANS isn't working when used in the template.css.
So how can I overwrite a slider handle of a multiple numerical input question with a custom image using e.g. javascript or maybe a question specific css entry (I found only this, but wasn't able to make it work:
www.limesurvey.org/forum/can-i-do-this-w...-input?lang=en#85519)?
Thanks and best regards, Hanno
/edit: And I have another question: I'd like the Next function to be disabled until a certain value is set with the slider. I've found the following javascript template (
www.limesurvey.org/forum/can-i-do-this-w...pleted?lang=en#65467) and modified it for my needs - but as I seem to have no knowledge at all of javascript (except for copy'n'pasting it somewhere - sorry!) - can you help me to figure out what's wrong please? The returned value for the slider is always Null.
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// Adjust the ID, maximum value and message as necessary
var qID = 1644801;
var mVal = 5;
var msg = 'balfasel beispieltext.';
// Interrupt the Next/Submit function
$('form#limesurvey').submit(function(){
// Override the built-in "disable navigation buttons" feature
$('#moveprevbtn, #movenextbtn, #movesubmitbtn').attr('disabled', '');
// Get the slider value
var slider = Number($('#question'+qID+' div.slider_callout').text());
// alert('DEBUG-ALERT - Slider-Value: ' + slider);
// Alert and abort submit if slider is not greater than mVal
if(slider > mVal) {
alert (msg);
return false;
}
else {
return true;
}
});
});
</script>