JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<script src="http://imapo.ru/js/shadowbox.js"></script>
<link rel="stylesheet" href="http://imapo.ru/css/shadowbox.css">
Картинки:
<hr/>
<a class="gallery1" href="http://s4.goodfon.ru/wallpaper/previews-middle/594347.jpg">
    <img src="http://s4.goodfon.ru/wallpaper/previews/594347-n.jpg" alt="Red Mustang" class="border" /></a>

<a class="gallery1" href="http://s3.goodfon.ru/wallpaper/previews-middle/493604.jpg">
    <img src="http://s3.goodfon.ru/wallpaper/previews/493604-n.jpg" alt="Red Mustang" class="border" /></a>

<a class="gallery1" href="http://s1.goodfon.ru/image/572991-1920x1080.jpg">
    <img src="http://s1.goodfon.ru/wallpaper/previews/572991-n.jpg" alt="Red Mustang" class="border" /></a>
<br/>
<br/>
Видео:
<hr/>
<a rel="shadowbox;width=405;height=340;player=swf" title="Ebon Coast" href="http://www.youtube.com/v/lSnWhsmlGec&amp;hl=en&amp;fs=1&amp;rel=0&amp;autoplay=1">
    <img src="http://i1.ytimg.com/vi/lSnWhsmlGec/default.jpg" alt="" class="border"/>
    </a>

CSS

body {
    background:#aaa;
}

JavaScript

Shadowbox.init();

Shadowbox.setup("a.gallery1", {
    gallery: "mustang",
    continuous: true,
    counterType: "skip"
});