皇家滑块没有添加标题

嘿那里只是一个简单的，我似乎无法正确。皇家滑块没有添加标题

我正在实施我正在使用的网站上的皇家滑块。我把它放在笔记本电脑的图像里面，我想要的是当你滚动浏览图像时，在每个图像的底部有一个标题。我只是使用简单的图像，所以文档here建议我只是在图像中使用alt，插件只是将它捡起来，只是它没有。

我的HTML看起来像这样：

<div class="laptopBg"> 
    <img src="/images/laptop.png" class="imgBg" width="707" height="400"> 
    <div id="slider-toolkit" class="royalSlider rsDefaultInv"> 
    <img src="/images/t1.jpg" alt="the toolkit landing page" /> 
    <img src="/images/t2.jpg"/> 
    <img src="/images/t3.jpg"/> 
    <img src="/images/t4.jpg"/> 
    </div> 
</div>

我在皇家滑块我有设置如下：

function makeRoyalSlider(systemName) { 
    $('#slider-' + systemName).royalSlider({ 
    autoHeight: false, 
    arrowsNav: true, 
    arrowsNavAutoHide: false, 
    fadeInLoadedSlide: false, 
    globalCaption:true, //this is the option they say is required for rendering captions. 
    controlNavigationSpacing: 0, 
    controlNavigation: 'bullets', 
    imageScaleMode: 'fill', 
    imageAlignCenter: true, 
    loop: false, 
    loopRewind: true, 
    numImagesTopReload: 6, 
    keyboardNavEnabled: true, 
    autoScaleSlider: true, 
    autoScaleSliderWidth: 486,  
    autoScaleSliderHeight: 315 
    }).data('royalslider'); 
};

有没有人与皇家滑块工作？或者有类似的情况，你通过了？我曾尝试使用的东西simular本

<figure class="rsCaption">This caption <b>HTML</b> text will be used.</figure>

，使类“rsCaption”是存在的，但只是创建

来源

2013-02-14 TheLegend

您是否曾经找到过解决方案？ – 2015-06-19 18:17:23

嘿@DylanValade，我们最终走了一个不同的滑块。但我确实尝试了你的解决方案，它似乎工作。 – TheLegend 2015-06-29 11:06:20

谢谢你让我知道。你用什么来代替？ – 2015-06-29 15:51:58

图像之间的新的幻灯片出于某种原因，.js文件没处理globalCaption标志。复制了作者的最新版本和文档中解释过的标题。

http://dimsemenov.com/plugins/royal-slider/royalslider/jquery.royalslider.min.js

要移动字幕滑块容器外添加此appendTo您royalSlider电话。

// initialize 
$('#photos').royalSlider({ ... globalCaption: true, ... }); 

// Move caption container, auto refresh when slides change 
$('.rsGCaption').appendTo('.new-container');

来源

2015-06-19 18:31:40

皇家滑块没有添加标题

回答

相关问题