Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá bom dia a todos estou com a seguinte duvida tenho uma galeria de eventos com botao ver fotos quero quando clicar no botao ver fotos passe o link e depois role a pagina fiz ai mas ta rolando e não esta abrindo o link passando via URL....
<script type="text/javascript">
$(document).ready(function(e){
$(".btn-verfotos").click(function() {
$('html, body').animate({ scrollTop: 195 }, 'slow');
return false;
})
});
</script>Nao entendi pushState
Bruno bom dia consegui fazer ele mudar a URL mas não mostra cada evento quando clico
<script type="text/javascript">$(function(){$('.btn-verfotos #linke').click(function(e){ e.preventDefault(); $('html, body').animate({ scrollTop: 195 }, 'slow'); window.history.pushState({url: "" + $(this).attr('href') + ""}, $(this).attr('href'), $(this).attr('href'));});});</script>
o valor do teu scrollTop tem q depender de cada lugar q a rolagem deve ir, e não ser um numero fixo
Como assim não entendi
Eu tenho uma tela de visualização de cada evento qro que ao clicar no evento role para o lugar onde coloquei a galeria
Por um acaso é isso aqui que você quer fazer?
http://jsfiddle.net/9SDLw/
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 500);
return false;
});Deixa eu explicar melhor tenho uma pagina que lista meus eventos varios..
Cada evento tem um botao ver fotos do evento quando eu clicar nesse botao qro que ele role a página para cima onde tenho a galeria de fotos ai a pessoa pode ver me problema é o seguinte quando ele rola para cima nao passar a url para visuaçizar o outro evento
o @pinceladasdaweb, postou um código que faz exatamente o que vc quer.
Qual a sua dúvida ?
Cara nao funciona o que ele postou ai
O que eu preciso que ao clicar em um link ele role para o topo do site e carregue as fotos do evento em uma div
ahh agora vc explicou direito.
então faça a rolagem e mande um ajax para carregar teu evento.
To quase conseguindo so preciso passar o valor do codigo do evento para o jquery e nao to conseguinte tem alguma dica
<script type="text/javascript">
$(function() {
$(".btn-verfotos").click(function(e) {
e.preventDefault();
$('html, body').animate({ scrollTop: 195 }, 'slow');
**var codigo = $(this).attr('title');**$.ajax({
type: "POST",
data: 'codigo='+codigo+'',
url: 'teste.php',
success: function(data) {
$('#navega').html(data);
}
});
});
});
</script>Deu certo obrigado pela dica..
<script type="text/javascript">
jQuery(function() {
jQuery('.btn-verfotos').click(function() {
$('html, body').animate({ scrollTop: 195 }, 'fast');
retorna_evento($(this).data('pagina'));
e.preventDefault();
});
});
function retorna_evento(evento) { success: function(data) {
$('#navega').html(data);
}
});
}
</script>
para colocar o link na url use âncora sem o return false; ou então pushState