[Resolvido] Javascript nao funciona sem cache

[marcelo2605 10]

Criei uma galeria de fotos com thumbs usando o plug-in Galleriffic. Para o scroll vertical dos thumbs, usei o plug-in scrollPane e personalizei a barra de rolagem e ainda adicionei o plug-in mousewhell.

 

O problema e que quando a pagina abre, a barra de scroll dos thumbs nao aparece e o plug-in mousewheel nao funciona. Mas se eu carrego novamente a pagina, tudo funciona perfeitamente.

 

Se eu desativo o cache da pagina, nada aparece. Ja tetei inverter a ordem dos scripts mas nada funcionou. Alguem tem ideia do que pode estar acontecendo?

[Ted k' 126]

como está chamando?

 

esta carregando dentro de:

 

$(function(){

.... aqui seu script ...

});

[marcelo2605 10]

Ted, os arquivos .js eu chamo primeiro:

 

<script src="../../js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="../../js/jquery.galleriffic.js" type="text/javascript"></script>
<script src="../../js/jquery.opacityrollover.js" type="text/javascript"></script>
<script src="../../js/jquery.jscrollpane.min.js" type="text/javascript"></script>
<script src="../../js/jquery.mousewheel.js" type="text/javascript"></script>

 

Depois:

 

<script type="text/javascript">
		jQuery(document).ready(function($) {
			// We only want these styles applied when javascript is enabled
			$('div.navigation').css({'width' : '111px', 'float' : 'left'});
			$('div.content').css('display', 'block');

			// Initially set opacity on thumbs and add
			// additional styling for hover effect on thumbs
			var onMouseOutOpacity = 0.5;
			$('#thumbs ul.thumbs li').opacityrollover({
				mouseOutOpacity:   onMouseOutOpacity,
				mouseOverOpacity:  1.0,
				fadeSpeed:         'fast',
				exemptionSelector: '.selected'
			});

			// Initialize Advanced Galleriffic Gallery
			var gallery = $('#thumbs').galleriffic({
				delay:                     2500,
				numThumbs:                 15,
				preloadAhead:              10,
				enableTopPager:            true,
				enableBottomPager:         true,
				maxPagesToShow:            7,
				imageContainerSel:         '#slideshow',
				controlsContainerSel:      '#controls',
				captionContainerSel:       '#caption',
				loadingContainerSel:       '#loading',
				renderSSControls:          true,
				renderNavControls:         true,
				playLinkText:              '',
				pauseLinkText:             '',
				prevLinkText:              '‹',
				nextLinkText:              '›',
				nextPageLinkText:          'Next ›',
				prevPageLinkText:          '‹ Prev',
				enableHistory:             false,
				autoStart:                 false,
				syncTransitions:           true,
				defaultTransitionDuration: 900,
				onSlideChange:             function(prevIndex, nextIndex) {
					// 'this' refers to the gallery, which is an extension of $('#thumbs')
					this.find('ul.thumbs').children()
						.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
						.eq(nextIndex).fadeTo('fast', 1.0);
				},

			});
		});
</script>

<script type="text/javascript" id="sourcecode">
		$(function()
{
$('.navigation').jScrollPane(
	{
		verticalDragMinHeight: 8,
		verticalDragMaxHeight: 8,
	}
);
});
</script>

 

Parece que o problema e que as imagens sao carregadas depois de chamar o script da scrollbar, o que faz com que ele nao configure a altura corretamente

 

Tentei colocar um renitialiseOnImageLoad:true mas nao deu certo.

[marcelo2605 10]

Pessoal, eu não teria insistido se não fosse importante. Estou há três dias tentando resolver o problema. Já tentei o Fórum do Jquery mas ninguém me responde. Usei o painel de debug do Chrome e os arquivos js estão sendo carregados. Tentei alterar a ordem deles e nada. Não sei mais o que fazer e queria uma ajuda.

[51L3N7 1]

Acontece que quando você cria uma variável, a mesma é armazenada em cache.

Então não tem com funcionar sem o cache ativo, a menos que você não trabalhe com variaveis no seu programa.

[marcelo2605 10]

Talvez eu esteja enganado, mas não é bem isso. O plug-in jscrollpane e o mousewhell funcionam bem em páginas sem o plug-in galleriffic. mas quando estão juntos, não.

 

Dê uma olhada nesta página e veja que o scrollbar vertical não aparece.

 

Agora, se você seleciona a url e pressiona ENTER, o scroll aparece!

[marcelo2605 10]

Pessoal, estou há dias tentando resolver este problema.

 

Acho que me expressei mal no título do post. O problema é que quando a página sofre um refresh/reload, a scrollbar simplemente some.

 

Descobri agora que se clico no botão da página para abrí-la novamente, a scrollbar retorna.

 

Alguém pode me ajudar por favor?

 

ATUALIZANDO: o problema só afeta o Chrome e o Safari.

 

problema resolvido! Finalmente. Precisava discriminar a largura e altura da imagem na <img>

 

Moderador, pode fechar o tópico.