Tengo un sitio web con un control deslizante de imagen. Mantengo vacías algunas de las etiquetas de imagen cuando las imágenes se cargan cuando aparece la diapositiva para una carga de página más rápida. Las etiquetas de imagen definidas de la siguiente manera:

<img data-src="img/portfolio-desktop1-small.png" src="" alt=""/>

Lo que estoy haciendo es en la función de diapositivas, cambio elsrc adata-src con animación jQuery. El control deslizante funciona muy bien. Mi problema es cuando intento validarlo enherramienta de validación w3c da el siguiente error:

Línea 131, columna 179: valor incorrecto para el atributosrc en elementoimg: No debe estar vacío.

...data-src="img/portfolio-desktop1-small.jpg" src="" alt=""/>

Sintaxis de URL:
Cualquier URL Por ejemplo:/hello, #canvasohttp://example.org/. > Los caracteres deben estar representados en NFC y los espacios deben escaparse como%20.

¿Hay alguna forma de solucionar esto sin alterar el JavaScript o CSS? Si lo dejo así, ¿cuáles pueden ser los posibles resultados perjudiciales de este asunto?