Posts tagged Ajax
Alternativa para o uso do siFR com o cakephp
Feb 6th
Olá,
Recentemente em alguns projetos, a nossa equipe precisou usar fontes que não são de sistemas em titulos e textos espalhados pelo site, tentamos usar o siFR mas não deu muito certo, pois a gente precisava trocar algumas labels com ajax e não funcionaria ja que ele cria o embed da font assim que o site é carregado.
Então, devido a esse grande problemas que encontramos pela frente, resolvi utilizar um helper do cakephp para transformar aquele texto em imagens de 4k cada.
Depois da ideia ter sido aprovada, então começei a criar, vamos la.
More >
Galeria com jQuery e Ajax
Jun 18th
Hoje vou mostrar como é simples fazer um galeria de imagens com jquery e ajax.
Com a jquery vamos fazer os efeitos para as imagens e com o Ajax vamos fazer o carregamento das imagens.
Vamos la, primeiro vc precisa do plugin da jquery.
Agora vamos criar a função para mostrar as imagens
$(function(){
$("#boxImages").find("a").click(function(){
var loader = $(".loading");
var newImage = $(this).attr('href');
var bigImage = $('#fullImage img').not(".loading");
$.ajax({
type:"GET",
url: $(this).attr('href'),
success:function(data){
},
complete: function(){
loader.hide();
},
beforeSend: function(){
loader.show();
bigImage.attr('src', newImage);
}
});
return false;
});
});
$("#boxImages").find("a").click(function(){
var loader = $(".loading");
var newImage = $(this).attr('href');
var bigImage = $('#fullImage img').not(".loading");
$.ajax({
type:"GET",
url: $(this).attr('href'),
success:function(data){
},
complete: function(){
loader.hide();
},
beforeSend: function(){
loader.show();
bigImage.attr('src', newImage);
}
});
return false;
});
});
Comentários recentes