[Resolvido] Galeria Carousel

techno · Outubro 13, 2008

Daeh galerinha...

Estava atras de uma Galeria, akelas giratória, "carousel".... mas que quando clicasse em uma foto (produto), iria abrir uma tela com a foto do lado e sua descrição!

Porém, não consegui nada..

Alguem sabe onde eu posso ver um Tuto, ou um Ex (.fla).

E o pior, que eu achei um +/-, só q está em AS2, e eu preciso em As3!

Alguem faz ideia como é?

=/

techno · Outubro 13, 2008

Estava esquecendo, pra complicar um pouquinhu, tanto a foto como a descrição deveria vvir de um XML...

=S

Thiago Bittencourt · Outubro 13, 2008

Eai brother, beleza?

Eu conheço essa galeria, mas tbm é em AS2:

http://gotoandlearn.com/files/carousel3.zip

Se quiser da uma olhada no site todo, de repente você acha em AS3:

http://www.gotoandlearn.com/

Abraçosssssss

techno · Outubro 13, 2008

Eai brother, beleza?

Eu conheço essa galeria, mas tbm é em AS2:

http://gotoandlearn.com/files/carousel3.zip

Se quiser da uma olhada no site todo, de repente você acha em AS3:

http://www.gotoandlearn.com/

Abraçosssssss

valew Brother!

Vou dar uma olhadinha sim!

[]s

techno · Outubro 13, 2008

Nossa... Tava dando uma olhada, e é bem desse jeito mesmo que queria a galeria.

So ta faltando uma coisa!

Que qd clicar no pordu, e chamar a Descrição, tenhu que inserir um Botão ali, no caso, você estar a foto do produto, a Descrição e esse "Botão" loho a baixo, que fará um link pra a pagina do produto!

Mas como disse, esta em AS2 mesmo, e eu alem de estar iniciando agora no Flash, AS... eu ja comecei no AS3, não entendo bem o AS2....

Então precisarei de um help aeh pra inserir esse BTN!

=/

galeria:

http://gotoandlearn.com/files/carousel3.zip

PS.:Enquanto issu, vou ver se acho em As3!

[]s

techno · Outubro 13, 2008

Vou complicar so mais um pouco!

O botão eu criei e tals....

Ele so aparece, qdo éh clicado no produto, qdo tem a descrição!

Porem eu fiz um unico botão..... agora teria q fazer um jeito de que ao clicar nele ,ele abra a pagina do determinado produto que esta selecionado!!

Teria q pegar um ID do produto, seila...

Como eu faço isso agora!??

=S

Thiago Bittencourt · Outubro 13, 2008

Entaum brother... eu vou tentar te explicar +- como colocar um btn ai...

se você abrir a biblioteca (F11), vai ver que existe um movie clipe chamado "icon", esse é o movie aonde o xml joga a imagem...

você teria que criar um btn ai pra poder colocar o link pra outras páginas.

De repente se for o caso, você vai precisar cricar um Array com os links que você quer e dar um olhada na programação pra poder chamar o link em cada btn!

Tipo, pegar codigo pronto eh meio complicado de mexer, eu tive mo dificuldade... mas se você for mexendo vai descobrindo os macetes!

abraçossssssssssss

techno · Outubro 14, 2008

Krakas....

To meio perdido... eu não entendo muito, melhor nada de AS2...

=/

techno · Outubro 14, 2008

Daeh Galera..

Consegui fazer o botão!!

Consegui tbm puxar o endereço do link via XML, mas como eu vou inserir ele na função GetURL, no AS2???

pois eu fiz assim e não rolou:

botão1.onPress = function(){

GetURL("t.link");

}

no caso "t.link" foi criada uma variavel q recebe o enderço do XML...

Eu consigo exibir na tela o enreço do link mas se eu usar ele assim no GetURL, não rola!

Ajuda aeh! Não entendo As2!

Public2004 · Outubro 14, 2008

Se "t.link" é a variável, utilize assim:

getURL(t.link, "_blank");

Abs.

techno · Outubro 14, 2008

Vlw... agora rolou, vamos para o proximo passo!!!

=)

techno · Outubro 15, 2008

Muito bom Galera... consegui!!!

Claro, com a ajuda de vcs!

Agora, seguinte.... qdo clica no link... ele esta abrindo duas paginas, agora o pq eu não sei....

Vou colocar aqui o AS inteiro, dêem uma olhada e me digam pq disso

=S

import mx.utils.Delegate;

import mx.transitions.Tween;

import mx.transitions.easing.*;

var numOfItems:Number;

var radiusX:Number = 300;

var radiusY:Number = 75;

var centerX:Number = Stage.width / 2;

var centerY:Number = Stage.height / 2;

var speed:Number = 0.05;

var perspective:Number = 130;

var home:MovieClip = this;

theText._alpha = 0;

var tooltip:MovieClip = this.attachMovie("tooltip","tooltip",10000);

tooltip._alpha = 0;

botão1._alpha= 0;

var xml:XML = new XML();

xml.ignoreWhite = true;

xml.onLoad = function()

{

var nodes = this.firstChild.childNodes;

numOfItems = nodes.length;

for(var i=0;i<numOfItems;i++)

{

var t = home.attachMovie("item","item"+i,i+1);

t.angle = i * ((Math.PI*2)/numOfItems);

t.onEnterFrame = mover;

t.toolText = nodes.attributes.tooltip;

t.content = nodes.attributes.content;

//======Aqui a variavel esta recebendo o endereco do Link via XML============================\\

t.link = nodes.attributes.link;

//================================================================================

=============\\

t.icon.inner.loadMovie(nodes.attributes.image);

t.r.inner.loadMovie(nodes.attributes.image);

t.icon.onRollOver = over;

t.icon.onRollOut = out;

t.icon.onRelease = released;

}

}

function over()

{

//BONUS Section

var sou:Sound = new Sound();

sou.attachSound("sover");

sou.start();

home.tooltip.tipText.text = this._parent.toolText;

home.tooltip._x = this._parent._x;

home.tooltip._y = this._parent._y - this._parent._height/2;

home.tooltip.onEnterFrame = Delegate.create(this,moveTip);

home.tooltip._alpha = 100;

}

function out()

{

delete home.tooltip.onEnterFrame;

home.tooltip._alpha = 0;

}

function released()

{

//BONUS Section

var sou:Sound = new Sound();

sou.attachSound("sdown");

sou.start();

home.tooltip._alpha = 0;

for(var i=0;i<numOfItems;i++)

{

var t:MovieClip = home["item"+i];

t.xPos = t._x;

t.yPos = t._y;

t.theScale = t._xscale;

delete t.icon.onRollOver;

delete t.icon.onRollOut;

delete t.icon.onRelease;

delete t.onEnterFrame;

if(t != this._parent)

{

var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,t._xscale,0,1,true);

var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,t._yscale,0,1,true);

var tw3:Tween = new Tween(t,"_alpha",Strong.easeOut,100,0,1,true);

}

else

{

var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,t._xscale,100,1,true);

var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,t._yscale,100,1,true);

var tw3:Tween = new Tween(t,"_x",Strong.easeOut,t._x,200,1,true);

var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,320,1,true);

var tw5:Tween = new Tween(theText,"_alpha",Strong.easeOut,0,100,1,true);

var tw5:Tween = new Tween(botão1,"_alpha",Strong.easeOut,0,100,1,true);

theText.text = t.content;

//==========Aqui esta sendo exibido o Link na tela============================================

theLink.text = t.link;

//================================================================================

============

//------------------------------

var s:Object = this;

tw.onMotionStopped = function()

{

s.onRelease = unReleased;

}

}

}

}

function unReleased()

{

//botão1._visible = false;

//BONUS Section

var sou:Sound = new Sound();

sou.attachSound("sdown");

sou.start();

delete this.onRelease;

var tw:Tween = new Tween(theText,"_alpha",Strong.easeOut,100,0,0.5,true);

var tw:Tween = new Tween(botão1,"_alpha",Strong.easeOut,100,0,0.5,true);

for(var i=0;i<numOfItems;i++)

{

var t:MovieClip = home["item"+i];

if(t != this._parent)

{

var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,0,t.theScale,1,true);

var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,0,t.theScale,1,true);

var tw3:Tween = new Tween(t,"_alpha",Strong.easeOut,0,100,1,true);

}

else

{

var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,100,t.theScale,1,true);

var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,100,t.theScale,1,true);

var tw3:Tween = new Tween(t,"_x",Strong.easeOut,t._x,t.xPos,1,true);

var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,t.yPos,1,true);

tw.onMotionStopped = function()

{

for(var i=0;i<numOfItems;i++)

{

var t:MovieClip = home["item"+i];

t.icon.onRollOver = Delegate.create(t.icon,over);

t.icon.onRollOut = Delegate.create(t.icon,out);

t.icon.onRelease = Delegate.create(t.icon,released);

t.onEnterFrame = mover;

}

}

}

}

}

function moveTip()

{

home.tooltip._x = this._parent._x;

home.tooltip._y = this._parent._y - this._parent._height/2;

}

xml.load("icons.xml");

function mover()

{

this._x = Math.cos(this.angle) * radiusX + centerX;

this._y = Math.sin(this.angle) * radiusY + centerY;

var s = (this._y - perspective) /(centerY+radiusY-perspective);

this._xscale = this._yscale = s*60;

this.angle += this._parent.speed;

this.swapDepths(Math.round(this._xscale) + 100);

}

this.onMouseMove = function()

{

speed = (this._xmouse-centerX)/8500;

}

//========================================Aqui esta o botão====================================

botão1.onPress = function(){

GetURL(theLink.text,"_blank");

}

//================================================================================

=============

Arquivado

[Resolvido] Galeria Carousel

Recommended Posts

techno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

techno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Bittencourt 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

techno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

techno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

techno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Bittencourt 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

techno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

techno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Public2004 79

Compartilhar este post

Link para o post

Compartilhar em outros sites

techno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

techno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Consulta sem duplicação

Fóruns

Tempo Real

Informação importante