.
Linda Galeria De Fotos, Alguém Sabe Como Fazer Ou Um Tutorial?
Started By Ezequiel2, 05/01/2008, 12:34
4 replies to this topic
#1
Ezequiel2
-
- Usuários
-
- 2 posts
Novato no fórum
- Sexo:Não informado
Posted 05/01/2008, 12:34
Esse tipo de galeria era o que estava procurando, não manjo muito de JS, mas pelo que percebi essa galeria é toda em JS, e se tiver algo de AJAX ai, não deve ser muito relevante. Alguém saberia como fazer? Ou um tutorial ou algo assim? Sempre tento ir direto no código, mas aquele arquivo JS ali está compactado, daí é difícil de entender. Nossa, se alguém puder me ajudar ficarei muito grato. Ficarei no aguardo .
.
#2
Bruno Augusto
-
- Usuários
-
- 1968 posts
∙•● Restarting... ●•∙
- Sexo:Não informado
- Localidade:Itajubá
Posted 05/01/2008, 16:58
O design é próprio do Yahoo ao que parece, então isso você deverá se encarregar.
Os scripts que encontrei foram:
http://us.js1.yimg.c...globalv3_1.3.js (no <head>)
http://us.js2.yimg.c.../ygmauhbt1_5.js (no <body>)
http://l.yimg.com/us.../bc/bc_2.0.4.js (no <body>)
E esse:
O script inline (esse último) é o que faz acontecer mesmo.
O script usa a biblioteca YUI (Yahoo User Interface) e não está compactado está apenas "chunkado", isto é, livre dos espaços necessários apenas para indentação de código durante o desenvolvimento.
Essas são algumas informações que deu pra abstrair, agora uma busca maciça no Google e você pode até conseguir fazer.
Minha opinião?
Muita coisa pra fazer essa merreca. Muito bonito, mas desnecessário.
Por quê?
Com a biblioteca jQuery (pra facilitar) e alguns Plugins e um pouco de estudo sobre como programar uma linguagem server-side (PHP, ASP e etc.) e como mexer com AJAX da jQuery, você pode fazer igual ou melhor que o do Yahoo.
Boa sorte.
Os scripts que encontrei foram:
http://us.js1.yimg.c...globalv3_1.3.js (no <head>)
http://us.js2.yimg.c.../ygmauhbt1_5.js (no <body>)
http://l.yimg.com/us.../bc/bc_2.0.4.js (no <body>)
E esse:
<script type="text/javascript">
// this function makes our ajax call
// note how each property can provide whatever url they wish, along with whatever params they wish
// all you need to do is provide the YAHOO...Carousel.getData() method with the id of the carousel, and the url
function postLoad(e, o){
var params = ((o.url.indexOf('?') == -1) ? "?" : "&") + "itemsperpage=6&id=39435&pagebeg=4&pageend=5&numitems=30&galtype=show";
YAHOO.Media.Dtk.CarouselMgr.getCarousel(o.id).getData(o.id, o.url+params,o.postExecute);
}
</script>Tem outros, mas não acho que tenham a ver pois pelo que vi são de publicidade. O primeiro é certo que é necessário, os outros dois externos não sei dizer com certeza.O script inline (esse último) é o que faz acontecer mesmo.
O script usa a biblioteca YUI (Yahoo User Interface) e não está compactado está apenas "chunkado", isto é, livre dos espaços necessários apenas para indentação de código durante o desenvolvimento.
Essas são algumas informações que deu pra abstrair, agora uma busca maciça no Google e você pode até conseguir fazer.
Minha opinião?
Muita coisa pra fazer essa merreca. Muito bonito, mas desnecessário.
Por quê?
Com a biblioteca jQuery (pra facilitar) e alguns Plugins e um pouco de estudo sobre como programar uma linguagem server-side (PHP, ASP e etc.) e como mexer com AJAX da jQuery, você pode fazer igual ou melhor que o do Yahoo.
Boa sorte.
#3
bimonti
-
- Usuários
-
- 2654 posts
Super Veterano
- Sexo:Masculino
Posted 06/01/2008, 12:30
É usando a YUI mesmo: http://com3.devnet.r.../yui/animation/
WebFórum - Equipe de Desenvolvimento - Monitor
Yeah I do have some stories, and it's true I want all the glory ...
Yeah I do have some stories, and it's true I want all the glory ...
#4
Ezequiel2
-
- Usuários
-
- 2 posts
Novato no fórum
- Sexo:Não informado
Posted 06/01/2008, 17:58
Pô, vocês são demais. Me sacrifiquei no código e no css. E deu pra entender e fazer. Valeu. Não conhecia o YUI Libery.
Realmente, muito obrigado!!!!!!!!!!! Bruno o único que precisa é o http://us.js1.yimg.c...globalv3_1.3.js. Ah, e Bruno. Sei até que bastante de PHP. E queria entender esse script para implementar junto com PHP.
Realmente, muito obrigado!!!!!!!!!!! Bruno o único que precisa é o http://us.js1.yimg.c...globalv3_1.3.js. Ah, e Bruno. Sei até que bastante de PHP. E queria entender esse script para implementar junto com PHP.
Edição feita por: Ezequiel2, 06/01/2008, 18:01.
#5
Bruno Augusto
-
- Usuários
-
- 1968 posts
∙•● Restarting... ●•∙
- Sexo:Não informado
- Localidade:Itajubá
Posted 07/01/2008, 09:08
Sem problemas.
A YUI é boa, mas a jQuery é melhor. o AJAX dela é fácil de dar dó. Não sei como demorei pra aprender
A YUI é boa, mas a jQuery é melhor. o AJAX dela é fácil de dar dó. Não sei como demorei pra aprender
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
