andy8891

I have tried it this way, but it didn’t work.

This is the code that I have now:

<!–– SCRIPT#2 Change of image on product selection on Step 3 ––>
<script>

var imagesArray = [
	"http://demo.lavinaweb.com/wp-content/uploads/2018/07/Blank_Bottle.png", // represents val 0,
	"http://demo.lavinaweb.com/wp-content/uploads/2018/07/1000x1000-Front-B12-min.jpg", // represents val 1,
	"http://demo.lavinaweb.com/wp-content/uploads/2018/07/L-Arginine-Amazon-Image-DT-Labels-min.png", // represents val 2,
	"http://demo.lavinaweb.com/wp-content/uploads/2018/07/Turmeric-Curcumin-Amazon-Image-DT-Labels.png" // represents val 3
];

jQuery('#changeImage').change(function(){
  jQuery('#image')[0].src = imagesArray[this.value];
});

</script>

It has an array of images ( var imagesArray) each having a value from 0 to 3
and a function that changes the product image on Step 3 based
on the selection of CF 7 drop-down menu.

I couldn’t find other solution but to change drop-down value
to ‘slug’ and then assign a number slugs to each project post.
So that it compares number from array and slug value of CF7 dropdown menu.

It works OK like that, but I would rather like to see a title of the project in final
email and not slug number.