Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lfelipefr

Scroll horizontal de imagens clicáveis

Recommended Posts

Pessoal,

 

Tenho postado alguns tópicos aqui no forum, mas não tenho conseguido obter ajuda. Por isso, estou disposto a contratar alguém que faça um job rápido, pois estou com muita urgência...

 

Existe um modelo de scroll horizontal de imagens clicáveis. Vi um modelo de portfólio no template monster http://www.templatemonster.com/flash-templates/18584.html, no qual o cara disponibiliza fotos que, ao serem clicadas, ampliam.

 

Eu necessito do mesmo scroll de imagens, exatamente este, mas ao invés de ampliar as imagens quando clicadas, elas devem direcionar para páginas html diferentes.

 

Gostaria que as imagens estivessem armazenadas em uma pasta:

 

Foto01.jpg

Foto02.jpg

 

E que o actionscript as lesse de um arquivo xml, parecido com o abaixo:

 

<?xml version="1.0" encoding="ISO-8859-1"?>

<portfolio>

<imge nome_img="Foto01" disponivel="sim" link="http://www.site.com.br/link01.html">

</imge>

<imge nome_img="Foto02" disponivel="sim" link="http://www.site.com.br/link02.html">

</imge>

</portfolio>

 

O efeito de reflexo abaixo das imagens tb é interessante.

 

Peço ajuda aos amigos. Se alguém se interessar pelo serviço, por favor me procure. Se alguém puder me orientar com um tutorial, eu tb agradeceria muito!

 

Abs.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Na verdade, consegui um tutorial, mas "empaquei" em uma parte: preciso que a imagem, ao clicar, seja direcionada para um link. O actionscript é esse:

 

// imposta a false se non vuoi la descrizione

descriptions = true;

// box descrizione invisibile

alert._visible = false;

// effetto ease

var ease = 5;

//imposto la scala della foto grande

_root.scala_x = 90;

_root.scala_y = 90;

//imposto la barra visibile

_root.barra_stato = "true";

_root.box.useHandCursor = false;

//leggo i dati XML

thumbs = new XML();

thumbs.ignoreWhite = true;

thumbs.load("dati.xml");

// qui inserire il percorso al file .XML

thumbs.onLoad = function() {

root = this.firstChild;

total = root.childNodes.length;

displayNum = Number(root.childNodes[0].attributes.displayNum);

separation = Number(root.childNodes[0].attributes.separation);

//settings

w = 60;

h = 60;

mask._width = displayNum*(w+separation);

mask._height = h+30;

forward._x = mask._width-215;

forward._y = back._y=h/2;

mcs = [];

for (i=0; i<total; i++) {

mcs.push(i);

newThumb = thumbnailer.container.duplicateMovieClip("container"+i, i);

with (newThumb) {

_x = (w+separation)*i;

preloader._x = w/2;

preloader._y = h/2;

shape._width = w;

shape._height = h;

}

var image = root.childNodes.childNodes[0].firstChild.nodeValue;

var image1 = root.childNodes[0].childNodes[0].firstChild.nodeValue;

newThumb.image = root.childNodes.childNodes[0].firstChild.nodeValue;

newThumb.desc = root.childNodes.childNodes[1].firstChild.nodeValue;

newThumb.link = root.childNodes.childNodes[2].firstChild.nodeValue;

loadMovie(image1, _root.box.foto_effetto);

_root.box._xscale = _root.scala_x;

// scalo la larghezza

_root.box._yscale = _root.scala_y;

// scalo l'altezza

newThumb.onRelease();

newThumb.cont.loadMovie(image);

//carico le thumbs

newThumb.cont2.loadMovie(image);

//carico le thumbs e le scalo

newThumb.cont._xscale = 60;

// scalo la larghezza

newThumb.cont._yscale = 60;

// scalo l'altezza delle ombre associate alle immagini

newThumb.cont2._xscale = newThumb.cont._xscale;

newThumb.cont2._yscale = newThumb.cont._yscale;

newThumb.onRelease = function() {

getURL(newThumb.link,"_self");

 

 

Esta última linha que tá complicada. A função getURL está sempre pegando o último link, e não o da respectiva imagem. Abaixo, o XML:

 

<?xml version="1.0" encoding="utf-8" standalone="yes"?>

<images>

<thumb displayNum="6" separation="5">

<image>images/foto1.jpg</image>

<description>Imagem 01</description>

<link>http://www.01.com.br</link>

</thumb>

<thumb>

<image>images/foto2.jpg</image>

<description>Imagem 02</description>

<link>http://www.02.com.br</link>

</thumb>

<thumb>

<image>images/foto3.jpg</image>

<description>Imagem 03</description>

<link>http://www.03.com.br</link>

</thumb>

</images>

 

Eu não sei pelo que deve substituir o newThumb.link da função getURL... Eu sei que a solução é simples, mas sou novato em actionscript. Please, help me... :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.