JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.so-mo.co/wp-content/uploads/2012/07/featuredimagezoomer.js"></script>
<p>step 1 - select which image you would like to view</p>
<p>
    <img id="image1thumb" class="img" border="0" src="http://www.so-mo.co/wp-content/uploads/2012/07/timebanking1_thmb.jpg" style="width:120px;height:153px" />
    <img id="image2thumb" class="img" border="0" src="http://www.so-mo.co/wp-content/uploads/2012/07/timebanking2_sml.jpg" style="width:120px;height:153px" />
    <img id="image3thumb" class="img" border="0" src="http://www.so-mo.co/wp-content/uploads/2012/07/timebanking3_sml.jpg" style="width:120px;height:153px" /></p>
<p>Move your mouse over the image to see a zoomed version</p>
<p>
  

<p>

JavaScript

//problem - how can I change the 'largeimage' property below

jQuery(document).ready(function($){

$('.img').addimagezoom({
zoomrange: [6, 18],
magnifiersize: [600,600],
magnifierpos: 'right',
cursorshade: true,
cursorshadecolor: 'pink',
cursorshadeopacity: 0.3,
cursorshadeborder: '1px solid red',
    /*8888888 SEE HERE 8888888*/
largeimage: $(this).attr('src') //<-- No comma after last option!
})

    $('#image1thumb').click(function(){
        $('#image').attr("src", 'http://www.so-mo.co/wp-content/uploads/2012/07/timebanking1_sml.jpg');
    })
    $('#image2thumb').click(function(){
        $('#image').attr("src", 'http://www.so-mo.co/wp-content/uploads/2012/07/timebanking2_sml.jpg');
    })
    $('#image3thumb').click(function(){
        $('#image').attr("src", 'http://www.so-mo.co/wp-content/uploads/2012/07/timebanking3_sml.jpg');
    })






})