Question

我使用的是simple-gallery.js（在这里找到：alexkalicki.com/jquery-simple-gallery/），它只为我工作了一半。该脚本似乎是根据jQuery启动代码提取照片，但点击缩略图并不会像预期的那样取代大照片（.project-image）。我之前有相同的插件工作，我认为必须存在某种javascript冲突或者我无法看到的愚蠢的编码错误。任何帮助将不胜感激。

测试网站位于：joshofsorts.com/projects/dsenergy/#commercial。如果您点击＆＃34;投资组合＆＃34;下的其中一张照片;标题，它将揭示有问题的画廊。

这是我的js，它为每个图库动态创建初始jQuery行并将其插入页脚：

    var newjava = "<scr"+"ipt type='text/javascript'>";
    newjava += "jQuery(document).ready(function($) {";
    $('[id$=-project-gallery]').each(function() {
        var the_id = this.id;
        newjava += "$('#" + the_id + " .project-image').gallery({source:'#" + the_id + " .project-thumbnails img'});";
    });
    newjava += "});";
    newjava += "</scr"+"ipt>";
    $('#newjava').replaceWith(newjava);

这是html / php：

    <div id="<?php echo $solution; ?><?php echo $item; ?>-project-gallery">
        <div class="project-image"></div>
        <div class="project-thumbnails"
        <?php if($image_count == 1){echo ' style="display:none"';} ?>>
            <?php $fourmax=0;
            foreach ($images as $image){
                if($fourmax==4) break;
                echo '<img src='.$image['sizes']['project-image'].'>';
                $fourmax++;
            } ?>
        </div>    
    </div>

simple-gallery.js只是部分工作，js冲突？

0 个答案: