使用基本滑块jQuery幻灯片将图像指定为不活动幻灯片标记

我正在使用：http://www.basic-slider.com/，我发现它将'活动'幻灯片分配给'active-marker'类，我想我可以指定背景URL并且运作良好。我需要为非活动状态执行相同的操作，然后删除数字....通过jQuery来查看我的想法，希望能够帮助我在这个问题上应用一些巧妙的方法。使用基本滑块jQuery幻灯片将图像指定为不活动幻灯片标记

谢谢！

http://www.jamesrobertcook.com/是有问题的网站，这就是我说的：

example

我有积极的滑块，但非活动滑块不会有一个类分配给它和我'一堆卡住了！

来源

2013-07-12 MrS1ck

请参阅[为什么我不能只粘贴链接]（http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can -i-just-paste-a-link-to-it） – Ma3x

为了清晰起见，我删除了其他链接。一切都在元SO回答中解释。 – Ma3x

对不起，什么数字？你的意思是幻灯片号码？另外，不明白第一个问题/问题？（这个选项是用于删除数字：showmarkers：false，//显示单个幻灯片标记所以，将此选项添加到滑块函数调用中... – sinisake

对不起，什么数字？你的意思是幻灯片号码？另外，不明白第一个问题/问题？（此选项对数字去除：showmarkers：假的，//所以显示单独的幻灯片标记，添加此选项滑块功能调用... - 没关系

我只是用showmarkers：假的，它没有伤害设计中的任何。

来源

2013-07-12 23:19:14 MrS1ck

我刚才下载的插件，发现的方式来删除号码完全：//摆脱数字的使用，而不是原来的： \t \t \t VAR的标记= $（“

”）;〜482行的脚本...另外，你可以添加不活动的类...问题是 - 在一个时刻 - 相同的标记包含两个类...不知道它将如何与CSS一起工作:) – sinisake

嗯......

标记结构是一个简单的OL列表，这样你就可以通过简单地和安全地使用普通的标签选择格式化标记结构中所有标志开始了。 ..

... an d如果您将标记结构中的链接重新格式化为零高度字体，则可以完全摆脱标记数字。

偷窥到你的代码，它会是这个样子：

ol.bjqs-markers li a { 
    display: block; 
    font-size: 0; /* hide the numbers */ 

/* sample default/inactive sample look of 10x10 square of obscure color*/ 

    width: 10px; 
    height: 10px; 
    border: 1px solid #000; 
    background-color: #abcdef; 
}

...并为 “不活动” 标志

ol.bjqs-markers li.active-marker a { 
    background-color: #fedcba; /* change what's needed for the active marker's appearance */ 
}

祝你好运！

来源

2013-07-12 23:36:59 Jarvklo

使用基本滑块jQuery幻灯片将图像指定为不活动幻灯片标记

回答

相关问题