在javascript中为每张幻灯片的分页控件添加导航

时间:2013-11-18 07:11:39

标签: javascript html css

我想在this网站背景幻灯片中添加每张幻灯片的分页控件。

此处使用Flexslider。滑块的javascript将在main.js中提供。

我已添加以下代码以启用分页控制,但没有显示任何内容。

jQuery('.flexslider').flexslider({

    // Primary Controls
    controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
    directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
    prevText: "Previous",           //String: Set the text for the "previous" directionNav item
    nextText: "Next",               //String: Set the text for the "next" directionNav item
    animationLoop: true,
    slideshow: false,
    smoothHeight: true,
    animation: "none",
});

在main.js中被超级化:

if (typeof pt_supersized_slides !== "undefined")
{
    jQuery.supersized({
        slide_interval : 100000, // Length between transitions
        transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed : 500, // Speed of transition
        slide_links : 0, // Individual links for each slide (Options: false, 'number', 'name', 'blank')
        slides : pt_supersized_slides

    });
}

提前致谢。

1 个答案:

答案 0 :(得分:0)

您网站上滑块的ID是“超大”而不是“flexslider”,我在源代码中看不到任何“flexslider”的类名。