Galleria 1.3.3添加另一个画廊

时间:2015-10-04 04:41:46

标签: javascript jquery html galleria

我有一个现有的galleria html页面,有4个画廊。 here is the galleria page 我想添加第5个画廊。 无法弄清楚如何链接到图像文件夹来加载图像。 这是menu.js代码: 看到现有的4个画廊 - 如何设置闪烁设置:以及我要添加的新画廊的#ID

    $(document).ready(function(){
    //Sidebar Navigation Dropdowns
    $('#no-display-menu.sidebar-menu > li').hoverIntent(primaryNavConfig);

    // check if page has gallery
    if($(".galleria").length > 0) {
        Galleria.loadTheme('../Scripts/galleria/themes/classic/galleria.classic.min.js');
        // load fabrication gallery by default
        Galleria.run('.galleria', {
            flickr: 'set:72157638958693776',
            flickrOptions: {
                description: 'true',
                max: 300
            },
            extend: function() {
                var gallery = this;
                gallery.play(4000);
            }
        });
        $(".gallery-title").html("Waterjet Cutting");
    }

    // Change Gallery
    $("#gallery-waterjet").click(function(){
        Galleria.run('.galleria', {
            flickr: 'set:72157638958693776',//Fabrication design
            flickrOptions: {
                description: 'true',
                max: 300
            },
            extend: function() {
                var gallery = this;
                gallery.play(4000);
            }
        });
        $(".gallery-title").html("Waterjet Cutting");

    });

    $("#gallery-fabrication").click(function(){
        Galleria.run('.galleria', {
            flickr: 'set:72157638809874134',//Fabrication design
            flickrOptions: {
                description: 'true',
                max: 300
            },
            extend: function() {
                var gallery = this;
                gallery.play(4000);
            }
        });
        $(".gallery-title").html("Fabrication");

    });
    $("#gallery-3d").click(function(){
        Galleria.run('.galleria', {
            flickr: 'set:72157638807460056',//3d product design
            flickrOptions: {
                description: 'true',
                max: 300
            },
            extend: function() {
                var gallery = this;
                gallery.play(4000);
            }
        });
        $(".gallery-title").html("3D Product Design");

    });
    $("#gallery-contract").click(function(){
        Galleria.run('.galleria', {
            flickr: 'set:72157638808623805',//Contract manufacturing
            flickrOptions: {
                description: 'true',
                max: 300
            },
            extend: function() {
                var gallery = this;
                gallery.play(4000);
            }
        });
        $(".gallery-title").html("Contract Manufacturing");
    });
});

//primaryNav Hover Intent Configuration
var primaryNavConfig = {
    sensitivity: 10,
    interval: 100,
    over: primaryOver,
    out: primaryOut,
    timeout: 250
};

function primaryOver(){$(this).find(">ul").slideDown('fast'); $(this).addClass("hover");}
function primaryOut(){$(this).find(">ul").hide('fast'); $(this).removeClass("hover");}

0 个答案:

没有答案