Background Image

[le0souza 0]

Eae galera seguinte tenho esse codigo:

 

 

<script type="text/javascript">

$(document).ready(function() {

$('#fullpage').fullpage({

menu: '#menu',

anchors: ['index', 'edificio', 'apartamento', 'lazer', 'plantas', 'localizacao', 'realizacao', 'contato'],

sectionsColor: ['#000'],

autoScrolling: false

});

});

</script>

 

 

o #000 é pra bg da pagina index se eu quiser coloca nas outras paginas é só eu dar , que colocar de outra cor em outra pagina se eu quiser, mas enfim eu gostaria de saber como faço pra colocar uma imagem ai se é possivel? como eu faço

[Marlon Pacheco 132]

Isso é algum plugin de jQuery ?

[le0souza 0]

Sim

[Marlon Pacheco 132]

Cara, na documentação não tem nada sobre trocar a cor por imagem. Mas olhando o plugin acho que é fácil de trocar.

Aqui você tem o trecho que aplica as cores da opção sectionsColor:

if (typeof options.sectionsColor[index] !==  'undefined') {
				$(this).css('background-color', options.sectionsColor[index]);
			}

Cria algo do tipo:

if (typeof options.backImage[index] !==  'undefined') {
				$(this).css('background-image', options.backImage[index]);
			}

E no início do script, nas opções, inclua a nova opção:

options = $.extend({
			"verticalCentered": true,
			'resize': true,
			'sectionsColor' : [],
			'backImage' : [],
			'anchors':[],
			'scrollingSpeed': 700, (...)