coin slider nome dos botoes

[Carcleo 4]

Existe alguma forma de trocar o nome dos botoes do plugin JQuery coin slider? (https://code.google.com/p/coin-slider/)

Lá está prev e next.

Gostaria que fosse anterior e próximo.

Não encontrei isso na net!

[Douglas Julião 34]

Sim cara é só você trocar nessa config do coin-slider.js

 

prevText

nextText

// default values
	$.fn.coinslider.defaults = {
		width: 565, // width of slider panel
		height: 290, // height of slider panel
		spw: 7, // squares per width
		sph: 5, // squares per height
		delay: 3000, // delay between images in ms
		sDelay: 30, // delay beetwen squares in ms
		opacity: 0.7, // opacity of title and navigation
		titleSpeed: 500, // speed of title appereance in ms
		effect: '', // random, swirl, rain, straight
		links : true, // show images as links
		hoverPause: true, // pause on hover
		prevText: 'prev',
		nextText: 'next',
		navigation: true, // show/hide prev, next and buttons
		showNavigationPrevNext: true,
		showNavigationButtons: true,
		navigationPrevNextAlwaysShown: false
	};

Se você olhar nessa página do github, verá que essas configs estão nas linhas 529 e 530

[Carcleo 4]

Não funcionou!

 

Onde errei?

<script type="text/javascript">
$(document).ready(function() {
     $('#coin-slider').coinslider({ 
width: 784, 
height: 400, 
navigation: true, 
prevText: 'Anterior',
nextText: 'Próximo',
delay: 3000,
sDelay: 15,
 });
});
</script>

Veja hein:

 

http://www.bateriasadvance.com.br/cetisa/

[William Bruno 1501]

lá ainda não está

 

	$(document).ready(function() {
     $('#coin-slider').coinslider({ width: 784, height:400, navigation: true, delay: 3000 });
	});

[Carcleo 4]

não entendi não Bruno!

view-source:http://www.bateriasadvance.com.br/cetisa/

[Douglas Julião 34]

Cara o seu js do coin slider não está pegando os nomes pelas configs, no github do plugin tem

https://github.com/kopipejst/coin-slider/blob/master/coin-slider.js

esses trechos de código:

$('#cs-navigation-' + el.id).append("<a href='#' id='cs-prev-" + el.id + "' class='cs-prev'>"+params[el.id].prevText+"</a>");
$('#cs-navigation-' + el.id).append("<a href='#' id='cs-next-" + el.id + "' class='cs-next'>"+params[el.id].nextText+"</a>");

Não sei se é alguma coisa do console se ele esconde, mas da uma olhada.

Na sua coin-slider.js está assim:

linhas 235 e 236

$('#cs-navigation-'+el.id).append("<a href='#' id='cs-prev-"+el.id+"' class='cs-prev'>prev</a>");
$('#cs-navigation-'+el.id).append("<a href='#' id='cs-next-"+el.id+"' class='cs-next'>next</a>");

e nas configs default do seu plugin também não exist o prevText e nextText está assim:

// default values
	$.fn.coinslider.defaults = {	
		width: 565, // width of slider panel
		height: 290, // height of slider panel
		spw: 7, // squares per width
		sph: 5, // squares per height
		delay: 3000, // delay between images in ms
		sDelay: 30, // delay beetwen squares in ms
		opacity: 0.7, // opacity of title and navigation
		titleSpeed: 500, // speed of title appereance in ms
		effect: '', // random, swirl, rain, straight
		navigation: true, // prev next and buttons
		links : true, // show images as links 
		hoverPause: true // pause on hover		
	};

Ou seja tenta verificar essas informações para manter automático pelas config do coinslider, caso você não consiga, altere os nomes prev e next das linhas 235 e 236.

Acho que é isso, boa sorte!

[Carcleo 4]

É, foi o único jeito mesmo.

Obrigado!

 

$('#cs-navigation-'+el.id).append("<a href='#' id='cs-prev-"+el.id+"' class='cs-prev'>Anterior</a>");
$('#cs-navigation-'+el.id).append("<a href='#' id='cs-next-"+el.id+"' class='cs-next'>Próximo</a>");