JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<link rel="stylesheet" href="http://www.silex-taillenumerique.fr/addoc/debug/css/style.css">
<link rel="stylesheet" href="http://www.silex-taillenumerique.fr/addoc/debug/css/colorbox.css">
<script src="http://www.silex-taillenumerique.fr/addoc/debug/js/jquery.colorbox-min.js"></script>
<script src="http://www.silex-taillenumerique.fr/addoc/debug/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="http://www.silex-taillenumerique.fr/addoc/debug/js/jquery.easie.js"></script>
<script src="http://theconfluencegroup.com/new_site5/js/jquery.zoomooz.js"></script>
<div class="wrapper">
    <div id="pdfArtiste1" class="zoomTarget">
        <ul class="pdfIllus">
            <li class="img">
                <img src="http://www.silex-taillenumerique.fr/addoc/debug/img/pdf.jpg"
                width="59" height="67">
            </li>
            <li class="titLlien"><a href="">Télécharger le PDF</a>

            </li>
        </ul>
        <ul class="pdfIllus">
            <li class="img">
                <img src="http://www.silex-taillenumerique.fr/addoc/debug/img/pdf.jpg"
                width="59" height="67">
            </li>
            <li class="titLlien"><a href="">Télécharger le PDF</a>

            </li>
        </ul>
    </div>
    <ul id="detailVideoArtiste1">
        <li class="video"><a class='youtube' href="http://www.youtube.com/embed/617ANIA5Rqs?rel=0&amp;wmode=transparent"
            title="The Knife: We Share Our Mother's Health"><img src="http://www.silex-taillenumerique.fr/addoc/debug/img/video.png" width="396" height="296"></a>

        </li>
    </ul>
</div>

JavaScript

$(document).ready(function () {
    $(".youtube").colorbox({
        iframe: true,
        innerWidth: 425,
        innerHeight: 344
    });
});