Comunidad de diseño web y desarrollo en internet online

Carrousel 3D de imágenes

Citar            
MensajeEscrito el 07 Sep 2008 05:37 pm
Estoy haciendo un carrousel 3d con Flash CS3 para mi blog en el que al pulsar sobre cada foto, se debe abrir en nueva pestaña la foto panorámica correspondiente. Pero como todavía no conozco ActionScript, he descargado este carrousel, he cambiado los iconos por mis miniaturas, le he quitado tres, y en el XML he cambiado los nombres de los bocadillos, y funciona. Pero por mas que busco y busco no tengo ni idea de cómo linkearlos a sus panoramas correspondientes. Si algún experto me puede ayudar se lo agradecería.
Un saludo

EL FLA:
import mx.utils.Delegate;

var numOfItems:Number;
var radiusX:Number = 200;
var radiusY:Number = 25;
var centerX:Number = Stage.width / 2;
var centerY:Number = Stage.height / 2;
var speed:Number = 0.01;
var perspective:Number = 10;
var home:MovieClip = this;

var tooltip:MovieClip = this.attachMovie("tooltip","tooltip",10000);
tooltip._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[i].attributes.tooltip;
t.icon.inner.loadMovie(nodes[i].attributes.image);
t.r.inner.loadMovie(nodes[i].attributes.image);
t.icon.onRollOver = over;
t.icon.onRollOut = out;
t.icon.onRelease = released;
}
}

function over()
{
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()
{
getURL("icons.xml") +i,i+1;
}

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*100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 100);
}

this.onMouseMove = function()
{
speed = (this._xmouse-centerX)/2500;
}

EL XML:
<icons>

<icon image="icon1.png" tooltip="Texto uno" />

<icon image="icon2.png" tooltip="Texto dos" />

<icon image="icon3.png" tooltip="Texto tres" />

<icon image="icon4.png" tooltip="Texto cuatro" />

<icon image="icon5.png" tooltip="Texto cinco" />

<icon image="icon6.png" tooltip="Texto seis" />

<icon image="icon7.png" tooltip="Texto siete" />

</icons>

Por piccicatto

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Sep 2008 10:21 pm
donde pone...

function released()
{
getURL("icons.xml") +i,i+1;
}

añade por ejemplo...

function released()
{
getURL("icons.xml") +i,i+1;
getURL("http://clipdepelicula.com/");
}

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox
Citar            
MensajeEscrito el 08 Sep 2008 07:25 pm
Antes que nada, felicidades por tu habilidad con el retoque fotográfico, y sobre todo con tu estupendo trabajo de rotulosillanes.com. Creo que es tuyo no?. Sinceramente es de lo mejor que he visto hasta hoy en flash.
Te cuento: Con el código del principio lo que pasaba era que pulsara el icono que pulsara me abría una pestaña con el xml: file:///C|/Users/Teresa/Desktop/Carrousel/icons.xml
Y ahora que he añadido tu código, pulse el icono que pulse, cada uno me abre siempre el mismo par de pestañas:
file:///C|/Users/Teresa/Desktop/Carrousel/icons.xml
y
http://clipdepelicula.com/
Pero lo que quiero es que se abra una sola url por icono, y que sea la asignada para ese icono, es decir: 7 uerreeles para 7 iconos (eso me recuerda la peli del oeste "7 novias para 7 hermanos") jaja.
El caso es que debe ser la cosa mas tonta del mundo, pero no doy con ella.
Un saludo :wink:

Por piccicatto

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Mar 2010 04:20 pm
Hola, piccicatto!
Mirá, no tengo mucha idea de flash y lo que te voy a poner lo saqué de un video tutorial que aún no he probado...
en el xml ya se citan las url de cada foto:
<data>
<foto nom_xml="./fotos/00.jpg" url_wml="http://www.intelledata.com/" />
<foto nom_xml="./fotos/01.jpg" url_wml="http://www.aventurasoft.com/" />
<foto nom_xml="./fotos/02.jpg" url_wml="http://www.novarisfs.com/" />
<foto nom_xml="./fotos/03.jpg" url_wml="http://www.leilavenere.es/" />
<foto nom_xml="./fotos/04.jpg" url_wml="http://www.facebook.com/" />
<foto nom_xml="./fotos/05.jpg" url_wml="http://www.intelledata.com/" />
<foto nom_xml="./fotos/06.jpg" url_wml="http://www.intelledata.com/" />
<foto nom_xml="./fotos/07.jpg" url_wml="http://www.intelledata.com/" />
</data>

espero que esto te sirva :)

Por merceartesa

0 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.