I’m using the what looks to be awesome plug-in WP Coda Slider, a category-based post slider using jQuery.
The problem was with the original code I couldn’t get the labels to wrap to multiple lines – they just went on and on horizontally, off the page, and stayed on one line.
I fixed the problem by changing ONE element in the JavaScript code, NavContainerWidth (below). Now the slide shows up as I like in Internet Explorer and Chrome, but the alignment is all messed up in Firefox… both 3.6 and 4.0 – http://www.techwadi.org/sponsorship
Any idea why? Any other plugin I could use?
Original:
navContainerWidth = slider.width() + slider.siblings('.coda-nav-left').width() + slider.siblings('.coda-nav-right').width();
ul.parent().css({ width: navContainerWidth });
switch (settings.dynamicTabsAlign) {
case "center":
ul.css({ width: ($("li", ul).width() + 2) * panelCount });
break;
case "right":
ul.css({ float: 'right' });
break;
};
New, multi-line:
navContainerWidth = slider.width() + slider.siblings('.coda-nav-left').width() + slider.siblings('.coda-nav-right').width();
ul.parent().css({ width: "580px" });
switch (settings.dynamicTabsAlign) {
case "center":
ul.css({ width: "580px" });
break;
case "right":
ul.css({ float: 'right' });
break;
};