[solved] Chris’ ‘anything slider’ how to remove numbers

[jbope]

I want the link to be there but not the numbers. Don’t know Jquery yet. Hoping for some advice Thanks.

<http://s70539.gridserver.com/index.php#panel-1&gt;

Here is the portion of the code that I think needs to be changed:

Code:

// Creates the numbered navigation links
base.buildNavigation = function(){
base.$nav = $(“

“).appendTo(base.$el);
base.$items.each(function(i,el){
var index = i + 1;
var $a = $(““);

[jamygolden]

Code:

$(function () {

$(‘#slide-jump’).anythingSlider({
easing: "easeInOutExpo", // Anything other than "linear" or "swing" requires the easing plugin
autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not.
delay: 10000, // How long between slide transitions in AutoPlay mode
startStopped: false, // If autoPlay is on, this can force it to start stopped
animationTime: 600, // How long the slide transition takes
hashTags: true, // Should links change the hashtag in the URL?
buildNavigation: false, // If true, builds and list of anchor links to link to each slide
pauseOnHover: true, // If true, and autoPlay is enabled, the show will pause on hover
startText: "Go", // Start text
stopText: "Stop", // Stop text
navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
});
});

I’ve changed "buildNavigation" to false.

[jbope]

I changed it to false and nothing seems to happen. Even if it did wouldn’t it remove the buttons altogether? I want the circles to stay. I just want the numbers removed.

[jamygolden]

Code:

$("#thumbNav a").text(”);

That will remove the text.

[jbope]

Thanks jamy_za.

Sorry for the ignorance. Where do I put that line?

[jamygolden]

99% of the time, things go within:

Code:

$(function () {
// Content goes here
});

Or within

Code:

$(document).ready(function () {
// Content goes here
});

The first is just a shorthand version of the second.

I would put it right at the bottom of the javascript you pasted earlier:

Code:

$(function () {

$(‘#slide-jump’).anythingSlider({
easing: "easeInOutExpo", // Anything other than "linear" or "swing" requires the easing plugin
autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not.
delay: 10000, // How long between slide transitions in AutoPlay mode
startStopped: false, // If autoPlay is on, this can force it to start stopped
animationTime: 600, // How long the slide transition takes
hashTags: true, // Should links change the hashtag in the URL?
buildNavigation: false, // If true, builds and list of anchor links to link to each slide
pauseOnHover: true, // If true, and autoPlay is enabled, the show will pause on hover
startText: "Go", // Start text
stopText: "Stop", // Stop text
navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
});

$("#thumbNav a").text(”);
});

[jbope]

Man, thanks again for all the help. I must be doing something wrong.

I put it in like below and nothing changed. Guessed at a couple of changes and they either had no effect or broke the whole thing.

Code:

$.anythingSlider.defaults = {
easing: "swing", // Anything other than "linear" or "swing" requires the easing plugin
autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not
startStopped: false, // If autoPlay is on, this can force it to start stopped
delay: 3000, // How long between slide transitions in AutoPlay mode
animationTime: 600, // How long the slide transition takes
hashTags: true, // Should links change the hashtag in the URL?
buildNavigation: false, // If true, builds and list of anchor links to link to each slide
pauseOnHover: true, // If true, and autoPlay is enabled, the show will pause on hover
startText: "Start", // Start text
stopText: "Stop", // Stop text
navigationFormatter: null // Details at the top of the file on this use (advanced use)
};

$(function () {
$("#thumbNav a").text(”);
});

$.fn.anythingSlider = function(options){
if(typeof(options) == "object"){
return this.each(function(i){
(new $.anythingSlider(this, options));

[jamygolden]

I went to your site and had a look at the current javascript. You have this:

Code:

$(document).ready(function(){
$(‘#still a’).click(function(){
$(‘#still’).hide();
$(‘#video’).show();
});
});

Replace it with this:

Code:

$(document).ready(function(){
$(‘#still a’).click(function(){
$(‘#still’).hide();
$(‘#video’).show();
});
$("#thumbNav a").text(”);
});

The only difference is the little bit at the bottom. I’ve just added spacing to make it more readable.

[jbope]

Worked!

Thanks so much.

Jeane

[ericrotramel]

Easier fix: the ul is a span, so to solve by css just add

div.anythingSlider .anythingControls ul a span {
display: none;
}

[Author]

Posts