Here is the portion of the code that I think needs to be changed:
// Creates the numbered navigation links base.buildNavigation = function(){ base.$nav = $(\"<div id='thumbNav'></div>\").appendTo(base.$el); base.$items.each(function(i,el){ var index = i + 1; var $a = $(\"<a href='#'></a>\");
$('#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 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.
$(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:
$(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) });
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.
$.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) };
<http://s70539.gridserver.com/index.php#panel-1>
Here is the portion of the code that I think needs to be changed:
$(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.
$("#thumbNav a").text('');That will remove the text.
Sorry for the ignorance. Where do I put that line?
$(function () {// Content goes here
});
Or within
$(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:
$(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('');
});
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.
$.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));
$(document).ready(function(){$('#still a').click(function(){
$('#still').hide();
$('#video').show();
});
});
Replace it with this:
$(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.
Thanks so much.
Jeane
div.anythingSlider .anythingControls ul a span {
display: none;
}