已加载彩盒 - 但未显示图像

Question

我有一个简单的 HTML 标签，如下所示：

<a class="button2"><img src="assets/img/slider/Bicycle.jpg"  alt="Feature-img" /></a>

我的脚本如下：

<link rel="stylesheet" href="assets/css/colorbox.css" type="text/css"/> 
<script src="assets/js/jquery.colorbox-min.js"></script>
    <script>
     jQuery(document).ready(function () {                    
        jQuery('a.button2').colorbox({rel:'button2'});               
            });
    </script>

就下载而言，我将其解压缩到与网站其余部分文件所在的文件夹中。当我检查我的 chrome 时，它没有向我显示“console”中的任何 errors/bugs。

我的 Colorbox 工作正常，但未加载图像。任何人都可以触发我的想法..我被绞死了！

Answer 1

我搜索了一段时间，通过Whosebug找到了答案。我的代码有问题。我做了以下操作并且对我有用。

<a href="assets/img/slider/Bicycle.jpg" class="button1 button2" title="Sample Image"><img src="assets/img/slider/Bicycle.jpg"  alt="Feature-img" align="right" style="width:100%;height:240px;" /></a>

有关更多信息，我搜索了 http://www.jacklmoore.com/colorbox/

已加载彩盒 - 但未显示图像

Colorbox Loaded - But Image is Not Shown

jquery

colorbox