$(document).ready(function(){ $(".thumbs img").click(function(){ $("#imgMaior img").fadeOut("slow").attr("src", $(this).attr("realsrc")).load(function(){ $("#imgMaior img").fadeIn("slow"); }); }); }) </script>
Galeria Slideshow + Carrosel No Jquery
#16
Posted 08/06/2009, 19:12
#17
Posted 09/06/2009, 09:05
veja aí: http://www.gpaprospe...nas/inicial.php
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#19
Posted 09/06/2009, 11:26
$(document).ready(function(){ $(".thumbs img").click(function(){ $("#imgMaior img").fadeOut("slow", function(){ $(this).attr("src", $(this).attr("realsrc")).load(function(){ $(this).fadeIn("slow"); }); }); }); }) </script>
#20
Posted 09/06/2009, 15:19
Valeu edipo e Alex, vou fazer os testes aqui!
Edit:
$(this).attr("src", $(this).attr("realsrc")).load is not a function
()()inicial.php (linha 24)
()()3DYR8yd%...e3Q%3D%3D (linha 1)
()()3DYR8yd%...e3Q%3D%3D (linha 1)
t()3DYR8yd%...e3Q%3D%3D (linha 1)
()()3DYR8yd%...e3Q%3D%3D (linha 1)
[Break on this error] $(this).attr("src", $(this).attr("realsrc")).load(function(){
Meu debug acusou este erro, aí quando ele dá o fade, desaparece e não volta
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#21
Posted 09/06/2009, 15:43
Tira esse load(), deixa ele direto que funciona.
$(document).ready(function(){ $(".thumbs img").click(function(){ $("#imgMaior img").fadeOut("slow", function(){ $(this).attr("src", $(this).attr("realsrc")).fadeIn("slow"); }); }); }); })
#22
Posted 09/06/2009, 15:53
#23
Posted 09/06/2009, 15:53
syntax error
? in inicial.php@23()inicial.php (linha 24)
? in jquery.js@11()3DYR8yd%...e3Q%3D%3D (linha 1)
? in jquery.js@11()3DYR8yd%...e3Q%3D%3D (linha 1)
t()3DYR8yd%...e3Q%3D%3D (linha 1)
? in jquery.js@11()3DYR8yd%...e3Q%3D%3D (linha 1)
[Break on this error] })
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#24
Posted 09/06/2009, 16:06
Edição feita por: Édipo Costa Rebouças, 09/06/2009, 16:15.
#25
Posted 09/06/2009, 16:35
$(this).attr("src", $(this).attr("realsrc")).fadeIn is not a function
[Break on this error] $(this).attr("src", $(this).attr("realsrc")).fadeIn("slow");
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#26
Posted 09/06/2009, 16:44
É, esqueci de tirar o }). Olhando melhor esse script, ele está certo mesmo?
$(this).attr("src", $(this).attr("realsrc")).fadeIn("slow");Ele vai adicionar no src da imagem "#imgMaior img" o valor do realsrc da mesma imagem? Não teria que ser o src da imagem thumb?
$(document).ready(function(){ $(".thumbs img").click(function(){ var imgClique = $(this); $("#imgMaior img").fadeOut("slow", function(){ $(this).attr("src", imgClique.attr("realsrc")).fadeIn("slow"); }); }); })
#27
Posted 09/06/2009, 16:46
Edição feita por: Édipo Costa Rebouças, 09/06/2009, 16:52.
#28
Posted 09/06/2009, 16:54
$(document).ready(function(){ $(".thumbs img").click(function(){ var imgClique = $(this); $("#imgMaior img").fadeOut("slow", function(){ $(this).attr("src", imgClique.attr("src").replace(/_peq/,"")).fadeIn("slow"); }); }); })
#29
Posted 09/06/2009, 17:08
existe algum jeito de, apenas após a imagem carregar 100%, liberar o fadeIn?
vou subir as alterações para testar online, no mesmo link de antes
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#30
Posted 09/06/2009, 17:54
tenta alterar essa linha
$(this).attr("src", imgClique.attr("src").replace(/_peq/,"")).fadeIn("slow");por essa caso funcione certinho.
$(this).attr("src", imgClique.attr("src").replace(/_peq/,"")).load(function(){ $(this).fadeIn("slow"); });
e não esquece de deixar um gif de loading... pois se não vai parecer que o slide travou para quem tem uma conexão lenta
Editado...
pare melhorar a perfomace do slide, faça essas imagens carregarem depois do onload da pagina, em um iframe ou outro lugar que a pessoa não veja.
exemplo:
$(document).load(function(){ $('body').append("<div style=\"display: none\"><img src=\"imagem1.jpg\" /><img src=\"imagem2.jpg\" /><img src=\"imagem3.jpg\" /></div>"); });
vai fazer seu slideshow rodar mais rapido pois as imagens vão estar no cache do browser.
Edição feita por: Édipo Costa Rebouças, 09/06/2009, 18:11.
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)