Carousel.us Javascript 3D com Scriptaculous
Carousel.us é um carrossel 3D em Javascript, que utiliza as plataformas prototype.js e scriptaculous.js. Utiliza também PHP Easy Reflections de Richard Davey. Você irá descobrir um ficheiro de configuração que pode definir os parâmetros por defeito ou pode defini-los através da utilização da URL usando o método GET.
Com o Carrossel 3D pode definir a opacidade da reflexão, a altura, espaçamento entre imagens, posicionamento central do carrossel, a velocidade e adicionar eventos “onclick” em cada imagem.
Requisitos: Framework Prototype e Scriptaculous
Demonstração: http://www.piksite.com/carousel.us/carousel.us.php
Licença: Creative Commons
Website: http://www.piksite.com/carousel.us
Agile Carousel é um plugin jQuery com características especiais para criar sliders de imagens muito atractivos. Com um monte de opções para personalizar o slider, este pode ainda ser utilizado com ou sem a UI da plataforma jQuery, para mais efeitos o plugin disponibiliza um controlo total da aplicação. Apartir de uma pasta mencionada, o [...]
Ferdinand.Slider é uma extensão Prototype para criar simples slideshow de imagens. Utiliza um ficheiro JSON que localiza a fonte da informação das imagens. O que torna possível a sua fácil integração com aplicações web como Flickr ou outros serviços semelhantes. A extensão possui várias opções as quais podemos definir: duração dos efeitos duração da transição da imagem opacidade imagem de [...]
Respostas a “Carousel.us Javascript 3D com Scriptaculous”
O que tens a dizer?
Registar o seu Gravatar.
Componentes
Série de Tutoriais Google Earth - Dia 1 : "Google Earth é uma aplicação que já todos conhecemos. Oferece-nos mapas 3D e imagens de satélite para regiões específicas med..." 
Blender 3D - Open Source: "Blender é um criador de conteúdos 3D open source. É um pack para modelação 3d, animação, renderização, pós-produção, e jogos...." 
Cores ganham vida em 3D * ColoRotate: "Tal como o sabor e o cheiro, a cor é uma sensação processada pelo nosso cérebro em múltiplas dimensões. Ainda com métodos tra..." 
Carousel.us Javascript 3D com Scriptaculous: "Carousel.us é um carrossel 3D em Javascript, que utiliza as plataformas prototype.js e scriptaculous.js. Utiliza também PHP E..." 
AJAX APIs Playground : Aplicações Google: "AJAX API Playground da Google permite que web developers possam guardar e exportar características das API's (Application Pro..." Design
Demonstração de Flash Preloaders: Pretty Loaded: "Pretty Loaded é um website criado por Big Spaceship (agência criativa com trabalhos em Flash excelentes), a nova fonte de ins..." 
4 Vectores de Barack Obama & Tema Wordpress: "Se há algo que devo reconhecer é que Barack Obama é sem dúvida uma personalidade que tem cativado milhões de pessoas, e que i..." 
Templates HTML & CSS para Inspiração: "O website Mezzoblue apresenta uma secção denominada CSS Zen Garden, um repositório de templates HTML e CSS com objectivo de d..." 
Exportar Dados Google Analytics para Excell: "Google Analytics oferece variadas maneiras de visualizar dados e realizar comparações, o que é fantástico. Mas se você precis..." 
TypeNEU * Uma Odisseia em Tipografia: "TypeNeu é uma Odisseia em Tipografia reportando o passado, presente e futuro da cultura tipográfica, com foco principal em ty..." Extras
Criar Complexos Layouts para Aplicações com UI.Layout: "UI.Layout foi inspirado pelo extJS border-layout, e recria essa funcionalidade como um plugin jQuery. O plugin UI-Layout pode..."
Série de Tutoriais Google Earth - Dia 2: "Neste segundo dia vamos criar a nossa primeira interface Google Earth em português, recorrendo a linguagens de marcação. Depo..." 
Construir um Robot Cartoon Animado com jQuery: "Foi criado recentemente um Robot Cartoon Animado com jQuery. Através da criação de vários divs ordenados uns por cima de outr..." 
Ajax.org - Plataforma de Aplicações Open Source : "Ajax.org é uma plataforma de aplicações RIA escrita em javascript que pretende auxiliar programadores na construção de aplica..." 
Pré-Visualizar o IE6, IE7 & IE8 no mesmo Browser: "IETester é um WebBrowser gratuito que permite-lhe obter a renderização e os motores javascript do Internet Explorer 5.5, 6, 7..." Tutorial
Série de Tutoriais Google Earth - Dia 1 : "Google Earth é uma aplicação que já todos conhecemos. Oferece-nos mapas 3D e imagens de satélite para regiões específicas med..." 
7 Plugins Wordpress e Dicas para Blog de Sucesso: "Se é blogger e usa a plataforma Wordpress, então estes plugins são para si. Eles estão listados por ordem de instalação para ..." 
Tutorial de Textura: Fibra de Carbono: "Como já reparou no layout da Webgrafismo, temos tendência para utilizar patterns desenhados no Adobe Photoshop para decorar o..." 
Pop-up jQuery para Marketing e Publicidade: "Meerkat, o nome escolhido para este pop-up, é um plugin jQuery desenvolvido por Jarod Taylor que serve vários propósitos graç..." 
Twitter API em jQuery para colocar os Tweets no Website: "Se deseja colocar o status do Twitter no seu website, então esta API é para si. A aplicação é muito simples de implementar e ..."
Bom dia,
Conheci o Carousel.us e fiquei extasiado, comecei a trabalhar nele imediatamente.
Mas estou tendo um problemaço com ele…
Depois de clicar na imagem, abre o texto com problemas na acentuação. Não faço idéia de como resolver isso…..
Agradeço a ajuda antecipadamente.
Um abraço
César
Olá César, bem vindo!
Assim à primeira vista parece problema relacionado com os caracteres do alfabeto latino.
Geralmente isto resolve-se assim no cabeçalho do html/php :
Antes do header
xml:lang="pt-br" lang="pt-br"Dentro do header
charset=iso-8859-1Senão terás de usar os caracteres especiais manualmente para palavras com acentuação…
Caso não seja nenhuma destas soluções e conseguiste resolver por outro modo por favor comunica aqui a solução. É que eu ainda não usei esse script e a solução pode ser útil para outros…
Cumprimentos
Oi Pedro, obrigado pela resposta. Vamos lá,
Eu inseri o código do Carousel em uma página html minha. Nesta página, os caracteres estão funcionando normalmente.
Apenas os caracteres do texto do Carousel (que vem da page.php) é que dão problema.
No próprio index.php do carousel eu alterei estas configurações de idioma e também não funcionou…
Eu não consegui entender se algum arquivo processa este texto antes de mandar ele para o html (algum dos js, por exemplo). A configuração do texto, porém, fica no style.css, mas este não tem menção nenhuma de linguagem…
Enfim, todo esse BAITA recurso gráfico fica travado por causa de acentuação hauhauhuah… decepcionante…
Escrevi para o forum do piksite também, informando o bug. Case eles me respondam eu posto aqui.
Po o site ta fora do ar alquem pode me passar o script meu email
alexandrebroggio@hotmail.com vlw
Boa consequi fazer o download acho que o site tava fora
Olá para usar essa biblioteca e o carrosel é preciso pagar direitos?
Aguardo um retormo!
Obrigado
Olá. Eu penso que não. As livrarias que usa são open source. Cumprimentos
Olá boa tarde, parabens pelo site, é ótimo e com conteúdos muito interessantes.
Estava procurando algo assim há algum tempo para utilizar no site que estou desenvolvendo de Sapatos de Segurança http://www.bemfort.com.br para demontrar os produtos e acho que isso vai ser ideal.
Muito obrigado pela dica.
Abraços.
Boa Noite Pedro, tudo bem?
Adorei o tópico mas tenho uma dúvida.
Você diz que Carousel.us é um carrossel 3D em Javascript, que utiliza as plataformas prototype.js, scriptaculous.js e PHP Easy Reflections. Ele utiliza um script em php… isso significa que não consigo utilizá-lo em páginas .aspx?
Aguardo retorno.
Obrigada!
Olá Larissa :) Pode usar o script no que respeita à animação com javascript. Só não vai obter o efeito de reflexo nas imagens pois esta parte é obtida com recurso à linguagem PHP. Cumprimentos
Putz, acho que esse site saiu do ar, se tiver como passar no meu e-mail os arquivos agradeço!!!! [taina@ultrahaus.com]
Curti o site!!