ZYYvEQ

index.html

<button>Use img data</button>

<p class="img-container">
  <img src="https://cms.espresso.co.uk/servlet/file/store9/item756914/version9/fileservice28/756914_28_preview.jpg" data-image="https://cms.espresso.co.uk/servlet/file/store9/item756914/version9/fileservice29/756914_29_preview.jpg"/> 
</p> 

<p class="img-container">
  <img src="https://cms.espresso.co.uk/servlet/file/store9/item757379/version5/fileservice28/757379_28_preview.jpg" data-image="https://cms.espresso.co.uk/servlet/file/store9/item757379/version5/fileservice29/757379_29_preview.jpg"/>
</p>

script.js

$( "button" ).click(function() {
  applyImgData();
});

applyImgData = function(){
  $.each($(".img-container img"), function( index, value ) {
    var imgSrc = $(value).data("image");
    $(value).attr("src", imgSrc);
  });
} 

style.less

.img-container{
  img{
  	width: 450px;
  	border: 1px solid red;
  }
}

ZYYvEQ.markdown

ZYYvEQ

A Pen by Richard Oliver on CodePen.

License.