在Lightbox

Question

我有下一个要求： 需要添加带有自定义内联内容的灯箱：点击链接（锚点）以在滑块之前/之后打开jQuery。 所以我安装了fancybox并添加了所有需要的参数，问题是下一个：当点击链接时，会打开Fancy lightbox，但没有所需的内容。 右键单击 - ＆gt;检查元素和瞧 - 滑块出现之前/之后。 所以重点是我需要做右击/检查元素到滑块出现在花式框中。 我想问题是两个jQuery同步或初始化。  Here is the link。 这里也是我使用的javaScript代码：

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox();
});
</script>

<script type="text/javascript">
$(window).load(function() {
  $("#firpi1").twentytwenty();
});
</script>

<a class="fancybox" id="inline" href="#data">This shows content of element who has id="data"</a>
<div style="display:none">
<div id="data">

<div id="firpi1">
  <img src="http://media5.pejinsystems.com/2015/09/places-before.png">
  <img src="http://media5.pejinsystems.com/2015/09/places-after.png">
</div>
</div>
</div>

初始化fancybox的第一个代码，用于启动前后滑块。