JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jdbartlett.com/loupe/jquery.loupe.js"></script>
<script src="http://www.no-margin-for-errors.com/wp-content/themes/NMFE/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="http://www.no-margin-for-errors.com/wp-content/themes/NMFE/css/prettyPhoto.css">
        <a class="demo" rel="prettyPhoto[hairpin]" href="https://img-fotki.yandex.ru/get/30602/24332511.15f/0_c36db_f019468_orig"> 
            <img src="https://img-fotki.yandex.ru/get/30602/24332511.15f/0_c36db_f019468_orig" /> 
        </a>

CSS

.loupe { background-color:#555; background:rgba(0, 0, 0, 0.25); border:1px solid rgba(0, 0, 0, 0); }

JavaScript

$('.demo').loupe(1);
$("a[rel^='prettyPhoto[hairpin]']").prettyPhoto({theme:'facebook'});