Cambiar imagen del cursor de un range segun se desplace a derecha o izquierda

[mensajeescrito]

Despues de mucho revisar el codigo creo que el fallo anda entre estas dos lineas
de codigo , auque me podria equivocar pero creo que no:

Son estas:

primera: (Que .slider::-webkit-slider-thumb, no este bien en su sintaxis para chrome)

Código Javascript:

changeBackgroundImage(".slider::-webkit-slider-thumb","url(icono_3.png)");
 

o bien

segunda: (Que esta linea que si funciona para firefox, no funcione para chrome)

Código Javascript:

rules[j].style.backgroundImage = value;
 

Son mis dos hipotesis , pero si estoy en lo cierto no se como arreglarlo

necesito ayuda por favor

gracias