Unable to locate image path.

[theremotedr]

Hi,
Here is the page in question http://www.theremotedoctor.co.uk/accaudi.html?scrollto=selection
When you visit the page you will see my doctor image.
If you click on the right Flip key pad the doctor image has been replaced.
Using Chrome F12 the code for this image is

<img src="m-images/photos/AUDI002.png" alt="Honda car key remote programming" id="mainImage" class="img-border">

But I need to change it to

<img src="m-images/photos/AUDI002.png" alt="Honda car key remote programming" id="mainImage" class="img-border shareable-class">

I am unable to find this code to alter it.
Can you see/advise why I can't locate it ?

[styxlawyer]

I suspect it's because you are using JavaScript on line 248 to replace the original image:



<li><a href="javascript:" onclick="replaceMainImage('m-images/photos/AUDI002.png', 'Audi002','<b>£4.00</b><br>Fix That Damaged Remote<br>Easy To Swap Over<br><span class=noteColor>T5 & T6 Screwdriver Is Required</span><br><b>UK Recorded £2.50</b><br><b>International Signed For £10.00<br></b><b>Posted From The UK</b><br><scan class=drColor>The Remote Doctor</scan>')">Flip Remote Key Pad</a></li>


You need to alter the 'replaceMainImage()' function to include styling changes.

[theremotedr]

Thanks very much.
Ive added the following & now works fine in the PC only.
Doesn't work on iOS.
Even though I can complete a transaction start to finish on iOS & PC in the same way this new added code has no affect on the iOS device ?


$('#mainImage').addClass('shareable-class');