Browse Source

Added option 'namespace'

I added an option 'namespace' because, according to the site, the 'namsepace' automatic makes the css invalid.

A simple example: If we place a temporary slider (visible on a page) Standing before a slider (visible on all pages) the namespace of permanent slider changes value and make specific css invalid.
pull/26/head
Gecko le toqué 13 years ago
parent
commit
0a25ba6880
  1. 19
      responsiveslides.js

19
responsiveslides.js

@ -4,6 +4,7 @@
// Default settings // Default settings
var settings = $.extend({ var settings = $.extend({
"namespace": "", // String: Custom namespace
"auto": true, // Boolean: Animate automatically "auto": true, // Boolean: Animate automatically
"pagination": false, // Boolean: Show pagination "pagination": false, // Boolean: Show pagination
"nav": false, // Boolean: Show navigation "nav": false, // Boolean: Show navigation
@ -24,21 +25,25 @@
var index = 0, var index = 0,
$slide = $this.children(), $slide = $this.children(),
length = $slide.size(), length = $slide.size(),
fadetime = parseFloat(settings.fade), fadetime = parseFloat(settings.fade);
// Namespacing // Namespacing
namespace = "rslides", if(settings.namespace === "") {
namespaceIndex = namespace + i, var namespace = "rslides",
namespaceIndex = namespace + i;
} else {
var namespace = settings.namespace,
namespaceIndex = namespace;
}
// Classes // Classes
namespaceIndexClass = namespace + " " + namespaceIndex, var namespaceIndexClass = namespace + " " + namespaceIndex,
activeClass = namespace + "_here", activeClass = namespace + "_here",
visibleClass = namespaceIndex + "_on", visibleClass = namespaceIndex + "_on",
slideClassPrefix = namespaceIndex + "_s", slideClassPrefix = namespaceIndex + "_s",
tabsClass = namespaceIndex + "_tabs", tabsClass = namespaceIndex + "_tabs";
// Pagination // Pagination
$pagination = $("<ul class=\"" + namespace + "_tabs " + tabsClass + "\" />"), var $pagination = $("<ul class=\"" + namespace + "_tabs " + tabsClass + "\" />"),
// Styles for visible and hidden slides // Styles for visible and hidden slides
visible = {"float": "left", "position": "relative"}, visible = {"float": "left", "position": "relative"},

Loading…
Cancel
Save