search

wpbrasil / odin

Framework and base theme for development with WordPress.
http://wpod.in
564 stars 196 forks source link

Adicionar LazyLoad #6

Closed claudiosanches closed 11 years ago

claudiosanches commented 11 years ago

O que vocês acham de adicionar LazyLoad?

Podemos aproveitar já a função para chamar as thumbnails e adicionar isso.

ruanbarbosa commented 11 years ago

Muito boa... Tem como adicionar isso com o Socialite.js? Pois as vezes essas imagens de compartilhamento ficam no final do post (ou em vários lugares). Não sei se isso é viável e funcional, apenas uma sugestão :D

RafaelFunchal commented 11 years ago

Ótima ideia @claudiosmweb . O Socialite não exigirá tanto já que ele só carrega quando necessário, @ruanbarbosa .

claudiosanches commented 11 years ago

O socialite.js carrega apenas os botões mesmo. Não teria como fazer tudo em apenas um. O script do LazyLoad é bem leve, além que essas coisas estamos colocando como ferramentas. Quando for desenvolver o tema será possível remover sem matar crianças.

Pensando até de deixar opções para habilitar isso pelo admin.

ruanbarbosa commented 11 years ago

É que eu tinha visto aquele exemplo para ativar através do botão "Load button" (que possui esta imagem http://socialitejs.com/images/custom-default.png). Talvez desse para ativar quando a pessoa clicasse na imagem. Assim ele não faria o load direto para os botões, mas não sei se isso seria legal.

claudiosanches commented 11 years ago

@ruanbarbosa sim sim. Precisa de uma imagem. Entretanto o único javascript na página é o do socialite, em vez de colocar script para cada botão.

Na hora que passa o mouse carrega o script e o botão.

deblynprado commented 11 years ago

Essa ideia de deixar opcional no tema é uma boa hein claudio

gugaalves commented 11 years ago

Eu só acho é que tão adicionando js pra fazer tudo e o tema vai acabar ficando pesadão hein, não servindo de base pq assim vira um framework q pode fazer tudo, gigantesco... Cuidado gente, precisa atender TUDO?

claudiosanches commented 11 years ago

@tudoparawp relaxa que são coisas básicas e como falei em outro tópico, nada disso é ligado direto no tema, então se não quiser usar basta deletar. Além de que LazyLoad tem umas 30 linhas de código para funcionar e serve exatamente para deixar o site mais rápido, não carregando as imagens na primeira carga.

claudiosanches commented 11 years ago

Acabei de adicionar ele inspirado no plugin: http://wordpress.org/extend/plugins/lazy-load/

claudiosanches commented 11 years ago

Esqueci de colocar suporte na função de thumbnails personalizada :P

claudiosanches commented 11 years ago

3 linhas de pura magia do WP resolveram já o problema xD