Come aggiungere un filtro immagine in base al valore di input dell’intervallo?

Ho un range input che serve per catturare la percentuale del filtro seppia su un’immagine visualizzata. Ho il codice html per l’input stesso e alcune righe un javascript che hanno lo scopo di cambiare il filtro dell’immagine. Tuttavia, il javascript non funziona. Eccolo, qualche idea ?: HTML:

 Sepia (0)
  Grayscale (0)
 

CSS:

• Simbolo di proiettile personalizzato per gli elementi in che è un carattere normale e non un'immagine
• Come posso rimuovere il pseudo-padding extra e diverso sugli input di testo in Webkit e Gecko?
• SVG foreignObject si comporta come se fosse assolutamente posizionato nei browser Webkit
• css Problema di passaggio del mouse in chrome e safari
• Come posso creare messaggi di log della console javascript formattati

 .wrap img { position:relative; z-index:1; margin: none; top:0%; bottom:0%; vertical-align: bottom; -webkit-filter: none; } 

JS:

 function set(e){ document.getElementById('img_prev').style["webkitFilter"] = "sepia("+e.value+")"; document.getElementById('Amount').innerHTML="("+e.value+")"; } function set(e){ document.getElementById('img_prev').style["webkitFilter"] = "grayscale("+e.value+")"; document.getElementById('Amount2').innerHTML="("+e.value+")"; } 

• Come sostituire un text-align: -webkit-center?
• Carica i file nella cartella / sottodirectory usando webkitDirectory e Java Servlet
• La proprietà cursor: pointer non si applica ai pulsanti di upload dei file nei browser Webkit
• allineamento del testo: destra su o
• Estrai il DOM corrente e stampalo come una stringa, con gli stili intatti

 function set(e){ // Target the image ID (img_prev) (Filter) document.getElementById('img_prev').style["webkitFilter"] = "sepia("+e.value+")"; document.getElementById('Amount').innerHTML="("+e.value+")"; } 

  Sepia (0)