Question

我试图在我的响应式图库中制作弹出图像，但在我看来，highslide.js看不到弹出的图像。脚本源http://highslide.com/#installation我使用bootstrap和Word Press。我看到图片加载但无法显示。我花了很多时间但不明白我做错了什么。任何帮助将不胜感激！

我的网站http://b.pusku.com/

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12 thumbs_color">
            <ul id="thumbs">
                <li>
                    <a href="http://b.pusku.com/wp-content/uploads/2012/11/7.jpg" class="highslide" onclick="return hs.expand(this)">
                        <img src="http://b.pusku.com/wp-content/uploads/2012/11/test_carusel1.jpg" alt="test_carusel" />
                    </a>
                </li>
                <li>
                    <a href="/">
                        <img src="http://b.pusku.com/wp-content/uploads/2012/11/test_carusel1.jpg" alt="test_carusel" />
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>


<script src="<?php bloginfo('template_url');?>/highslide/highslide.js"></script>
<script type="text/javascript">
    // override Highslide settings here
    // instead of editing the highslide.js file
    hs.graphicsDir = '/highslide/graphics/';
</script>

Answer 1

可能是hs.graphicsDir设置错误。从你在highslide.js文件的路径中插入模板url的方式来判断，我的猜测是它应该是这样的：

hs.graphicsDir = '<?php bloginfo('template_url');?>/highslide/graphics/';

如果这不起作用，Highslide网站上会有FAQ item。

highslide.js不会显示弹出的图像

1 个答案: