Popup image from text

时间：2017-06-07 作者：S.Carlin

我是一个新手，我一直在想如何从“阅读更多”按钮中获得图像弹出窗口。我做到了：

<p class="p1">
  <a class="btn right ngg-fancybox" href="http://www.travelistamarketing.com/Samples/Santorini_Sample.jpg" rel="999" data-src="http://www.travelistamarketing.com/Samples/Santorini_Sample.jpg" data-thumbnail="http://www.travelistamarketing.com/Samples/Santorini_Sample.jpg">READ MORE</a>
</p>
但它不能正常工作-图像大小不正确。有什么建议吗？非常感谢。

1 个回复
SO网友:Porosh Ahammed

如果您使用的是引导，那么您可以尝试下面的代码：

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Popup image</button>

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-body">
            <img src="//placehold.it/1000x600" class="img-responsive">
        </div>
    </div>
  </div>
</div>

结束
标签： read-more   小码农  

相关推荐