Menu icon Foundation
Interchange images not working

Hi Can anyone help I cant seem to get my image interchange to work. Any pointers would be of a great help.

http://trebuchettest.co.uk/about-lombard.html

<div class="medium-8 columns large-8 columns">
    <img data-interchange="[img/'Truck-side2.jpg, (small)], [img/medTruck-side2.jpg (medium)], [img/'Truck-side2.jpg, (large)]">
    <noscript><img src="img/'Truck-side2.jpg"></noscript>
</div>
            

         

interchangeimgimagesResponsive

Hi Can anyone help I cant seem to get my image interchange to work. Any pointers would be of a great help.

http://trebuchettest.co.uk/about-lombard.html

<div class="medium-8 columns large-8 columns">
    <img data-interchange="[img/'Truck-side2.jpg, (small)], [img/medTruck-side2.jpg (medium)], [img/'Truck-side2.jpg, (large)]">
    <noscript><img src="img/'Truck-side2.jpg"></noscript>
</div>
            

         
Chris M over 5 years ago

Hey Chris,

Looks like it's working on your site now? But I think you need to remove the stray " ' " from the links to the files:

<div class="medium-8 columns large-8 columns">
    <img data-interchange="[img/Truck-side2.jpg, (small)], [img/medTruck-side2.jpg (medium)], [img/Truck-side2.jpg, (large)]">
    <noscript><img src="img/Truck-side2.jpg"></noscript>
</div>

Looks like small and large are both pointing to the same image in this code however.