Extension of JsPsych image-slider-response

[Tanush99]

Hi everyone,

I actually was working on creating an experiment that involves accessing the value of the slider element in the JsPsych image-slider-response plugin, and changing the stimulus in real time as the slider value changes. This is such that as the participants drag the slider, they should be able to see the stimulus changing in real time. I know based on previous discussion threads that it is possible to display the value of the slider as it is being dragged in real time, but is it currently possible to change the stimulus in accordance to dragging the slider element in real time?

Additionally, I was just wondering if it was also possible to change the color of the slider element. Currently, the color seems to be blue as shown here:

Where exactly is the color parameter located in the JavaScript file defining the image-slider-plugin as I wasn't able to locate it. Is this color parameter defined in some other file?

Thank you very much for your time, and any help would be much appreciated!

[jodeleeuw]

is it currently possible to change the stimulus in accordance to dragging the slider element in real time?

Not with that particular plugin. The reconstruction plugin does allow the subject to change the stimulus in real time, but it is set up to use the keyboard right now. You would need to modify the plugin to enable slider-based control.

Where exactly is the color parameter located in the JavaScript file defining the image-slider-plugin as I wasn't able to locate it. Is this color parameter defined in some other file?

This is the browser's default styling for an <input type="range"> element. If you have the jspsych.css file included in your experiment it should override this style to look like this:

You can customize the CSS for the <input type="range"> element if you'd like to. Here's a helpful tool.