JSFiddle - React, Tailwind, and code Playground

by mavent

HTML

<script src="//cdn.jsdelivr.net/colorbox/1.4.27/jquery.colorbox-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/hammer.js/1.0.5/jquery.hammer.min.js"></script>
<a href="http://upload.wikimedia.org/wikipedia/commons/f/f3/Eiffel_Tower_from_Place_du_Trocad%C3%A9ro.jpg" onclick="alert('hello world');return true;"
     class="my-lightbox" title="some title 1">
<img src="http://upload.wikimedia.org/wikipedia/commons/f/f3/Eiffel_Tower_from_Place_du_Trocad%C3%A9ro.jpg" width="60" height="60" alt="some word 1">
</a>

<a href="http://www.afn.org/~alplatt/paris.gif" onclick="doSomething(); return false;" 
     class="my-lightbox" title="some title 2">
<img src="http://www.afn.org/~alplatt/paris.gif" width="60" height="60" alt="some word 2">
</a>

JavaScript

$(document).ready(function() {
    alert("aaaa");
    my_old_function()
    alert("aaaa 2");
}

function doSomething() {
    alert("hello world");
}

function my_old_function() {
    $(".my-lightbox").colorbox({
        rel:'my-lightbox',
        scrolling: false,
        slideshow:true, slideshowAuto:false,
        opacity:0.9,
    });
}