Categoria: 
11 de Março de 2008
Dia 10 de março foi lançado o primeiro release do PhotoFlow, pela DeenSoft.
O PhotoFlow foi criado utilizando Prototype e Scriptaculos, para que plug-in funcione, as duas bibliotecas são pré-requisitos.
O PhotoFlow, interpreta o seu arquivo xhtml aplica um efeito conhecido como CoverFlow igual a ilustração deste post.
Exemplo de uso
Primeiro coloque o entre as tags head as seguintes chamadas javascript e css:
Logo após, configure a chamada do plug-in para o elemento que você deseja que o PhotoFlow Inteprete:
-
<script language="Javascript">
-
Event.observe(window, 'load', function() {
-
cf = new ProtoFlow($("protoflow"), {captions: 'protoCaptions'}); });
-
</script>
O seu código xhtml deve ficar da seguinte forma:
-
<p id="protoflow">
-
<img src="imgs/DSCN0940_91360.jpg" /></p>
-
<img src="imgs/stimme_von_oben_187192.jpg" />
-
<img src="imgs/Tropfen_1_Kopie_201721.jpg" />
-
<img src="imgs/farbraum_012_147508.jpg" />
-
<img src="imgs/IMG_4906_199357.jpg" />
-
<img src="imgs/Tropfen_1_Kopie_201721.jpg" />
-
<img src="imgs/Fries_201253.jpg" />
-
<img src="imgs/Fries_201253.jpg" />
-
<ul id="protoCaptions" class="protoCaptions">
-
<li>Caption 1</li>
-
<li>Caption 2</li>
-
<li>Caption 3</li>
-
<li>Caption 4</li>
-
<li>Caption 5</li>
-
<li>Caption 6</li>
-
<li>Caption 7</li>
-
<li>Caption 8</li>
-
</ul>
-
</p>
Para os interessados:
PhotoFlow first preview release
PhotoFlow Demos
Prototype JavaScript Framework
Scriptaculos Prototype Plug-in
Espero ter contribuÃdo!
[]'s
Leia também:
Arquivos CSS até 34% mais leves! on February 18th, 2008
Mais uma ferramenta gratuita que facilita e muito a vida dos desenvolvedores web.
Web Standards vs. Projeto em dia on March 7th, 2008
Principalmente nas micro-empresas este é um dilema muito comum e recorrente na cabeça dos pobres desenvolvedores.
Woopra - Atenção ao Google Analytics on April 4th, 2008
.
Comparação de massividade nas buscas on February 19th, 2008
.
Faça seu site carregar 500% mais rápido com PHP Speedy on February 18th, 2008
A .
Desculpe, nenhum comentário até o momento.