Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola pessoal,
estou precisando de uma galeria de imagens desse jeito
sera que alguem teria algo igual ou parecido pronto ?
aguardo.
até.
No Google você encontra várias ferramentas gratuitas. A que eu mais gosto é a SimpleViewer (http://www.simpleviewer.net/products/)
Você também pode baixar um sample no site http://www.templatemonster.com/free-dynamic-flash-photo-galleries.html (Creio que eles disponibilizam os arquivos .FLA)
>
No Google você encontra várias ferramentas gratuitas. A que eu mais gosto é a SimpleViewer (http://www.simpleviewer.net/products/)
Você também pode baixar um sample no site http://www.templatemonster.com/free-dynamic-flash-photo-galleries.html (Creio que eles disponibilizam os arquivos .FLA)
esse primeiro nao da o fla, e o segundo eh pago.
=/
TUTORIAL e FLA para download e estudo:
http://flashlibrary.com.br/2009/03/galeria-em-as2/
ou
http://imasters.com.br/artigo/2729/xml/galeria_de_imagens_com_xml/
Agora acho que te ajuda!
>
TUTORIAL e FLA para download e estudo:
http://flashlibrary.com.br/2009/03/galeria-em-as2/
ou
http://imasters.com.br/artigo/2729/xml/galeria_de_imagens_com_xml/
Agora acho que te ajuda!
nossa .
esse primeiro foi ate bem estruturado, mas nao to conseguindo edita-lo pra aparecer a foto em um quadro que criei .
=/
Tenha paciência.. =D
Flash exige calma.. =D
>
Tenha paciência.. =D
Flash exige calma.. =D
se fizer sem arquivo xml, ou algo do tipo so em flash nao seria melhor nao ???
em questao de posicionar na pagina esta muito ruim ...
Não
Você vai ter muito mais trabalho se tentar fazer na mão... ali ele se auto ajusta já...
Basta você criar da maneira que lhe melhor interessar... e procurar as propriedades _x e _y para ajustar as posições...
Abraços
>
Não
Você vai ter muito mais trabalho se tentar fazer na mão... ali ele se auto ajusta já...
Basta você criar da maneira que lhe melhor interessar... e procurar as propriedades _x e _y para ajustar as posições...
Abraços
Anemm, ja alterei todas as propriedades _x e nao conseguir fazer ele mover pros lados...
var foto:MovieClip = duplicar();
var duplicate:MovieClip = new MovieClip();
var mcl:MovieClipLoader = new MovieClipLoader();
var newX:Number;//Monto minhas Arrays
var fotos:Array = new Array();
//Meus Numeros
var max:Number = 0;
var total:Number = 0;
var p:Number = new Number();
var inic:Number = 0;
var page:Number = 1;
var newX:Number;//Crio os clips a serem carregados
var alvo:MovieClip = _root.createEmptyMovieClip("alvo",-16384);
//Pego o tamanho do palco
var StageW:Number = Stage.width;
var StageH:Number = Stage.height;//Digo a posição inicial das fotos no palco - centralizando-as
alvo._x = StageW/2;
alvo._y = StageH/2;//Pego os valores de altura, largura, x e y dos clips
var alvoX:Number = alvo._x;
var alvoY:Number = alvo._y;
var alvoWidth:Number = alvo._width;
var alvoHeight:Number = alvo._height;//carrego o XML
var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = function(success){
if(success){
var cn = xml.firstChild.childNodes;
total = cn.length;
if(total > 10) max = 0;
for(i = 0; i < total; i++){
fotos[i] = cn[i].attributes.foto;
}
inicia();
} else {
trace("XML não existe / erro ao carregar");
}
}
xml.load("fotos.xml");function inicia(){
for(var i:Number = 1; i <= 7; i++){
newX = i * (60);
duplicate = foto.duplicateMovieClip("foto-"+i, i, {_x:newX});
mcl.loadClip(fotos[inic], duplicate);
inic++;
}
}
function duplicar():MovieClip {
var mc:MovieClip = _root.createEmptyMovieClip("foto", this.getNextHighestDepth());
mc._x = 0;
mc._y = 450;
return mc;
}//Função ao iniciar clip centralizo e coloco um botão em cada foto
function onLoadInit(duplicate){
scala(duplicate)
if(duplicate._width < 10){
duplicate._x = duplicate._x + ((100 - duplicate._width)/2);
}
redimensionar(alvo);
alvo._x = alvoX + (alvoWidth/2) - (alvo._width/2);
alvo._y = alvoY + (alvoHeight/2) - (alvo._height/2);
tamanho(duplicate);
duplicate.onPress = function(){
var string = targetPath(duplicate).split("-");
p = string[1];
p = p - 1;
if(max >= 10){
p = max+p;
}
var pic:String = fotos[p].toString();
mcl.loadClip(pic, alvo);
}
}function scala(duplicar){
while(duplicar._width > 60){
duplicar._xscale = duplicar._yscale -= 1;
}
}function redimensionar(alvo){
alvo._xscale = 100;
alvo._yscale = 100;
if(alvo._width > alvo._height and alvo._width > StageW){
alvo._xscale = ((StageW)*(60))/alvo._width;
alvo._yscale = alvo._xscale;
}
else if(alvo._height > alvo._width and alvo._height > StageH){
alvo._yscale = ((StageH)*(100))/alvo._height;
alvo._xscale = alvo._yscale;
} else {
alvo._xscale = 100;
alvo._yscale = 100;
}
}
vai.onPress = function(){
if(page == (total/10)) {
inic = (total - 10);
page = total/10;
max = (total-10);
inicia();
}else {
page++;
max += 10;
inicia();
}
}
volta.onPress = function(){
if(page == 1) {
inic = 0;
max = 0;
page = 1;
inicia();
}else {
inic -= 20;
page--;
max -= 10;
inicia();
}
}//adiciono o listener
mcl.addListener(this);
Aqui amigo:
function onloadInit(duplicate){
scala(duplicate)
if(duplicate._width < 10){
duplicate._x = duplicate._x + ((100 - duplicate._width)/2);
}
redimensionar(alvo);
alvo._x = alvoX + (alvoWidth/2) - (alvo._width/2);
alvo._y = alvoY + (alvoHeight/2) - (alvo._height/2);
tamanho(duplicate);
duplicate.onPress = function(){
var string = targetPath(duplicate).split("-");
p = string[1];
p = p - 1;
if(max >= 10){
p = max+p;
}
var pic:String = fotos[p].toString();
mcl.loadClip(pic, alvo);
}
}Essas duas linhas:
alvo._x = alvoX + (alvoWidth/2) - (alvo._width/2);
alvo._y = alvoY + (alvoHeight/2) - (alvo._height/2);São que alteram a posição do clip principal que fica no meio ;)
Abraços
--
Alterei essas posicoes, mas o que modificou foi apenas a posicao da imagem exibida quando clica nas miniaturas...
Hahaha
Agora acho que entendi o que você quer...
Você queria um menu rotativo em baixo...
Que anda????? correto???
Pois é o meu não é feito assim...
Você sempre pode criar uma mascara colocar ali... fazer eles ficarem dentro de um mc que vai ficar indo de um lado para o outro.
O meu é de um jeito simples.
Se quer algo mais complexo faça você mesmo...
Ou procure no pai de todos...
Exemplos:
http://www.entheosweb.com/Flash/free_flash_photo_gallery.asp
http://activeden.net/item/dynamic-photo-gallery-slideshow-xml-as3/23890
http://www.templatesweb.com/flash-photo-galleries.htm
http://activeden.net/item/dynamic-photo-gallery-v1/14480
http://webscripts.softpedia.com/script/Flash-Components/Dynamic-Photo-Gallery-V2-55531.html
E por ai vai...
O bom é que com o google não tem tempo ruim rs =) ele sempre acha o que a gente quer com as palavras certas
Abraços
Dê uma olhada em Photo Galleries:
**
pronto, fiz do meu jeito, mas estou tendo um probleminha.
Sera que alguem pode me ajudar ??
Quando passo o mouse sobre a setinha ela anda ...
Ai quando tiro ela para...
Mas quando eu torno a colocar ela denovo, ela nao continua de onde parou, ela retorna pro inicio e começa tudo novamente...
Ate
Provavelmente você ta usando números fixos em vez de número relativo
450 <---- número fixo
mc._x <----- número relativo
Abraços
temm como dar uma olhada no arquivo por favor ?
Olhei o seu arquivo.
Você deseja que os thumbails sejam exibidos, por exemplo, 4 de cada vez, e ao clicar novamente na seta, surjam mais 4 na sequência.
Bom o exemplo que tenho exibe uma imagem de cada vez (como movie clip), as setas são com evento de click, será necessário alguns ajustes. Os comentários são do meu instrutor.
Tenho uma adaptação deste código para um loop, se for útil, avise.
Código em AS 3.0
stop();
//EventListeners que vão cuidar os cliques nos botões
dir_btn.addEventListener(MouseEvent.CLICK, proximo);
esq_btn.addEventListener(MouseEvent.CLICK, anterior);
function proximo(me:MouseEvent):void stage.addEventListener(Event.ENTER_FRAME, onFramesNext);
}
function anterior(me:MouseEvent):void stage.addEventListener(Event.ENTER_FRAME, onFramesPrev);
}//função que é chamada na mesma velocidade do fps
function onFramesNext(e:Event):void
{
//manda pro próximo frame
nextFrame();
//verifica se o frame atual é o frame 30
if(currentFrame == 30)
{
//se for o frame 30, removemos o EventListener, ou seja,
//paramos a animação
stage.removeEventListener(Event.ENTER_FRAME, onFramesNext);
}
if(currentFrame == 60)
{
stage.removeEventListener(Event.ENTER_FRAME, onFramesNext);
}
if(currentFrame == 90)
{
stage.removeEventListener(Event.ENTER_FRAME, onFramesNext);
}
}
function onFramesPrev(e:Event):void prevFrame();
if(currentFrame == 30)
{
stage.removeEventListener(Event.ENTER_FRAME, onFramesPrev);
}
if(currentFrame == 60)
{
stage.removeEventListener(Event.ENTER_FRAME, onFramesPrev);
}
if(currentFrame == 1)
{
stage.removeEventListener(Event.ENTER_FRAME, onFramesPrev);
}
}Imagem da timeline: rolagem
Realmente, preciso que as imagens corram...
esse eh o layout pedido, mas nao sei o que ah de errado com o que eu fiz.
Voce que analisou meu arquivo, nao consegue alterar pra ele andar direito nao ?
Ta errado aqui:
on (rollOver) {
gotoAndPlay(26);
} stop();
}Para começar não se coloca ações mais em on... ou seja dentro de CLIPS
E sim faz as ações nos frames...
Como eu disse é tudo um calculo matemático.
Você tem que calcular qual o espaço que você quer percorrer fazendo assim
Barra - mascara
Ai você vai ter o espaço a percorrer... ai existem varias outras contas de como se fazer.
da um pesquisada pelo forum... que certeza que você acha a resposta.
Caso não encontrar procure no www.pontoflash.com.br
Tem exemplos meio antigos, mas muito bons.
Abraços
Consegui fazer a galeria com a rolagem dos thumbnails, mas foi com outro código, tive que adaptar.
Sem XML, carrega as imagens como swf externo.
Pronta funcionando de mão beijada não leva, mas troco por um form de email (PHP + AS3) que não desconfigure a acentuação (tô arrastando correntes faz tempo).
Qualquer dúvida quanto a galeria estar ok, envio o arquivo para algum dos moderadores do fórum conferir.
Aqui,os posts sobre o form:
Aqui, um Print da galeria, em exibição a foto 3, o mouse over no botão 4:
>
Consegui fazer a galeria com a rolagem dos thumbnails, mas foi com outro código, tive que adaptar.
Sem XML, carrega as imagens como swf externo.
Pronta funcionando de mão beijada não leva, mas troco por um form de email (PHP + AS3) que não desconfigure a acentuação (tô arrastando correntes faz tempo).
Qualquer dúvida quanto a galeria estar ok, envio o arquivo para algum dos moderadores do fórum conferir.
Aqui,os posts sobre o form:
Aqui, um Print da galeria, em exibição a foto 3, o mouse over no botão 4:
tenho um com PHP + AS2, pode ser nao ?
ahhaha
Bom você ta pagando? =X
Se quiser conversar sobre isso rs
Faço um rapidinho pra ti do jeito que você quiser... com a linguagem que você tiver afim... ;)
Abraços
>
tenho um com PHP + AS2, pode ser nao ?
ahhaha
... mas nem que a vaca tussa!
Isso aqui é o exemplo que você quer só que sem botões de vai e volta:
var am:Number = 0;
var porcento:Number = new Number();
var velocidade:Number = 3;
var inic:Number = galeria._x - mascara._x;
function left(){
if(porcento > -inic){
galeria._x -= velocidade;
}
}
function right(){
if(porcento < inic){
galeria._x += velocidade;
}
}
this.onEnterFrame = function(){
porcento = galeria._x - mascara._x;
if(_root._xmouse > (Stage.width/2 + 10)){
trace("left");
velocidade = (_root._xmouse - Stage.width/2)*0.1;
left();
}else if(_root._xmouse < (Stage.width/2 - 10)){
trace("right");
velocidade = -((_root._xmouse - Stage.width/2)*0.1);
right();
}
}Agora se quiser colocar os botões é só pensar em como usar ;)
Digo... LER O IF E O ELSE fazendo virar botões...
E antes que me esqueça... como eu havia dito antes... é pura matemática!
Abraços
arrumar aquele que eu fiz la emcima eh impossivel ?
Pronto acho difícil man..
Se quiser posso mover para negócios ou oferta para freelances..
Mais se quiser pode procurar por galeria flash + xml de inicio... =D