Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : caroussel et liens ?? [ Base de données / XML ] (ludonette)

lundi 8 septembre 2008 à 11:05:55 | caroussel et liens ??

ludonette

Bonjour,
je suis nouvelle et franchemnt ce site est une merveille.. En conseil aide tutorials..
Masi voici mon soucis..

Voicic ce que j'ai sous flash donnée recuperer d'un tutoriel sur le web..
Pour faire fonctionné un caroussel..
Tout fonctionne sausf lesliens vers les sites..
Normalement en cliquant sur le logo on part vers l'adresse web du partenaire mais là rien ne se pasee..?
Je debute.. merci de votre aide..

Vous le trouverai en ligne ce caroussel sur mon site htpp://www.anglethormadielite.fr
dans la page sponsor.. merci

VOICI  L ACTION DANS MON FLASH

import flash.external.*;

//déclaration des variables
var numOfItems:Number;  
var clipLegende:MovieClip; 

//chargement du xml
function load_xml(path:String,type:String){
 var xml:XML = new XML();
 xml.ignoreWhite = true;
 xml.onLoad=function(){  
  var nodes = this.firstChild.childNodes;
  numOfItems = nodes.length;
  //je genere le caroussel quand tout est chargé.
  genereCarousel(nodes); 
 }
 xml.load("xml/"+path);  
}


function genereCarousel(nodes){
 
 level = hote_carousel_mc.getNextHighestDepth(); 
 //creation de l'hote du carousel
 hote_carousel_mc.createEmptyMovieClip("carrousel",1); 
 clipHote = hote_carousel_mc["carrousel"];  
 //si l'option légende est coché a true, j'attache la légende sur la scene
 if(isLegende==true){
  hote_carousel_mc.attachMovie("legende_mc","legende_mc",2);  
  clipLegende= hote_carousel_mc["legende_mc"];  
  clipLegende._alpha=0
 }
 //je parcours tous les objets du xml, et jeleur attribut leur propriété
 for (var i=0;i<numOfItems;i++){      
  var myItem=clipHote.attachMovie("item","item"+i,i+1);  
  myItem.angle = i* ((Math.PI*2)/numOfItems);  
  myItem._y=Math.sin(myItem.angle)*radiusY +centerY;   
  var s:Number = (myItem._y - perspective)/(centerY + radiusY - perspective)
  myItem._xscale=myItem._yscale=s*50;
  myItem._x=Math.cos(myItem.angle)*150+centerX;         
  myItem.icon.inner.loadMovie(nodes[i].attributes.image);  
  //chargement de l'image dans icon.inner
  myItem.icon.onEnterFrame = function(){
   if(this.inner._width>2){
    //quand l'icone est chargé, je lui met la largeur fixe correspondant à la variable largeurIcons
    this.rapport = this.inner._width/this.inner._height;
    this.inner._width=largeurIcons;
    //puis je lui applique la hauteur proportionnelle
    this.inner._height=largeurIcons/this.rapport;
    //centrage du clip
    this._x=-this.inner._width/2
    this._y=-this.inner._height
    //tres important on kill l'enterFrame
    delete this.onEnterFrame;
   }
  }  
  myItem.icon.smoothing=true;   
  //on charge l'image dans son reflet
  myItem.ref.inner.loadMovie(nodes[i].attributes.image);
  myItem.ref.onEnterFrame = function(){
   if(this.inner._width>2){
    //quand l'image est chargé, on la met à la bonne dimension
    this.rapport = this.inner._width/this.inner._height;
    this.inner._width=largeurIcons;
    this.inner._height=largeurIcons/this.rapport;
    //on replace le reflet
    this._x=-this.inner._width/2
    this._y=this.inner._height;
    this._parent.masker._width = this.inner._width;
    this._parent.masker._height =hauteurReflet;
    this._parent.masker._x =-this.inner._width/2;    
    //tres important on kill l'enterFrame
    delete this.onEnterFrame;
   }
  }    
  myItem.swapDepths(Math.round(myItem._xscale) + 100 +i); 
  //j'applique la fonction mover a l'enterframe
  myItem.onEnterFrame = mover;  
  //j'associe les attributs lien,tooltips et grandeImage du xml au clip
  myItem.lien=nodes[i].attributes.lien;
  myItem.grandeImage=nodes[i].attributes.grandeImage;
  myItem.tooltip=nodes[i].attributes.tooltip;
  //action au clic qui ouvre le lien de celui ci
  myItem.onRelease = function(){      
   //si l'option lightbox ets active
   if(this.grandeImage!=undefined){    
    //j'arrete le carousel quand la ligthboox s'ouvre
    var my_timedProcess:Number = setTimeout(stopSpeed, 500);
    //j'appelle la fonction dans le js
    ExternalInterface.call("SWFDelegate", ""+this.grandeImage+"",""+this.tooltip+"");
   }else{
    //sinon je fais un lien classique dans une nouvelle fenetre
    //si le lien est renseigné. Sinon, je ne fais rien
    if(this.lien!=undefined){    
     getURL(this.url,"_blank")
    }
   }
  }
  //si la légende est active, je l'affiche au rollOver
  myItem.onRollOver = function(){
   if(isLegende==true){
    afficheLegende(this)    
   }   
  }
  //si la légende est active, je la masque au rollOver
  myItem.onRollOut = function(){
   if(isLegende==true){
    masqueLegende(this)
   }   
  }
 } 
}


//rotation du caroussel
function mover(){  
 this.swapDepths(Math.round(this._xscale) + 100);    
 this._x=Math.cos(this.angle)* radiusX + centerX;
 this._y=Math.sin(this.angle)* radiusY + centerY;
 var s:Number = (this._y - perspective)/(centerY + radiusY- perspective);  
 this.s=s;
 this._xscale=this._yscale=s*100;  
 this.angle += nSpeed;  
}
//mise a jour de la vitesse du caroussel quand la souris bouge
this.onMouseMove = function(){
 nSpeed=(this._xmouse-centerX)/15000;
}

//fonction d'affichage de la légende
function afficheLegende(cible:MovieClip){ 
 clipLegende.onEnterFrame = function(){
  if(this._alpha<100){
   this._alpha +=10;
  }  
  this._x = cible._x - this._width/2;
  this._y = cible._y - cible.s*100 * 3;  
  this.label_txt.text=cible.tooltip;
  this.label_txt.autoSize = true;
  this.bg_mc._width=this.label_txt._width+10;
  this.bg_mc._height=this.label_txt._height+10;  
 }
}

function masqueLegende(cible:MovieClip){ 
 clipLegende.onEnterFrame = function(){
  if(this._alpha>0){
   this._alpha -=10;
  }else if(this._alpha==0){
   this._alpha =0;
   delete clipLegende.onEnterFrame
  }
 } 
}

function stopSpeed(){
 nSpeed=0; 
}
    
    
    
//je lance le chargement du xml
load_xml("icons.xml");



et voici mon doc xml..

<icons>
<icon image="images/agf.png" grandeImage="images/fat/agf.png" tooltip="LC Motif agf" lien=" [ Lien ]>
<icon image="images/anglet.png" grandeImage="images/fat/anglet.png" tooltip="LC Minicard anglet"lien=" [ Lien ]>
<icon image="images/bonnecave.png" grandeImage="images/fat/bonnecave.png" tooltip="LC Motif bonnecave" lien=" [ Lien ]>
<icon image="images/bouney.png" grandeImage="images/fat/bouney.png" tooltip="LC Minicard bouney" lien=" [ Lien ]>
<icon image="images/calli.png" grandeImage="images/fat/calli.png" tooltip="LC Motif calli" lien=" [ Lien ]>
<icon image="images/france3.png" grandeImage="images/fat/france3.png" tooltip="LC Minicard france3" lien=" [ Lien ]>
<icon image="images/francebleu.png" grandeImage="images/fat/francebleu.png" tooltip="LC Motif francebleu" lien=" [ Lien ]>
<icon image="images/indusbat.png" grandeImage="images/fat/indusbat.png" tooltip="LC Minicard indusbat" lien=" [ Lien ]>
<icon image="images/journalpb.png" grandeImage="images/fat/journalpb.png" tooltip="LC Minicard journalpb" lien=" [ Lien ]>
<icon image="images/mcd.png" grandeImage="images/fat/mcd.png" tooltip="LC Minicard mcd" lien=" [ Lien ]>
<icon image="images/mindurry.png" grandeImage="images/fat/mindurryt.png" tooltip="LC Minicard mindurry" lien=" [ Lien ]>
<icon image="images/nexityt.png" grandeImage="images/fat/nexityt.png" tooltip="LC Minicard nexityt" lien=" [ Lien ]>
<icon image="images/quiksilver.png" grandeImage="images/fat/quiksilver.png" tooltip="LC Minicard quiksilver" lien=" [ Lien ]>
<icon image="images/rfm.png" grandeImage="images/fat/rfm.png" tooltip="LC Minicard rfm" lien=" [ Lien ]>
<icon image="images/rtl2.png" grandeImage="images/fat/rtl2.png" tooltip="LC Minicard rtl2" lien=" [ Lien ]>
<icon image="images/semaine.png" grandeImage="images/fat/semaine.png" tooltip="LC Minicard semaine" lien=" [ Lien ]>
<icon image="images/sg.png" grandeImage="images/fat/sg.png" tooltip="LC Minicard sg" lien=" [ Lien ]>
<icon image="images/sogea.png" grandeImage="images/fat/sogea.png" tooltip="LC Minicard sogea" lien=" [ Lien ]>
<icon image="images/sportp.png" grandeImage="images/fat/sportp.png" tooltip="LC Minicard sportp" lien=" [ Lien ]>
<icon image="images/sudouest.png" grandeImage="images/fat/sudouest.png" tooltip="LC Minicard sudouest" lien=" [ Lien ]>
<icon image="images/suez.png" grandeImage="images/fat/suez.png" tooltip="LC Minicard suez" lien=" [ Lien ]>
<icon image="images/tvpi.png" grandeImage="images/fat/tvpi.png" tooltip="LC Minicard tvpi" lien=" [ Lien ]>
<icon image="images/txotx.png" grandeImage="images/fat/txotx.png" tooltip="LC Minicard txotx" lien=" [ Lien ]>
<icon image="images/wazup.png" grandeImage="images/fat/wazup.png" tooltip="LC Minicard wazup" lien=" [ Lien ]>
</icons>



lundi 8 septembre 2008 à 20:28:32 | Re : caroussel et liens ??

alise

regardes-là tu as la solution au caroussel avec les liens via des html :
http://www.flashforum-oi.info/viewtopic.php?t=123

Alise
from FlashForum-oi.info

lundi 8 septembre 2008 à 20:31:39 | Re : caroussel et liens ??

alise

ou aussi là :
http://www.flashforum-oi.info/viewtopic.php?t=7

Alise
from FlashForum-oi.info

mardi 9 septembre 2008 à 05:52:47 | Re : caroussel et liens ??

ludonette

je me suis inscrite sur ton forum masi pas  de réponse donc pas d"acces..
ne peut tut pas me donner la reponse directemetn sur ce forum??

mardi 9 septembre 2008 à 08:42:58 | Re : caroussel et liens ??

alise

Non, trop long à expliquer, ton compte est activé, de plus tu as les exemples, les sources

Alise
from FlashForum-oi.info

mardi 9 septembre 2008 à 10:25:31 | Re : caroussel et liens ??

ludonette

Merci..
je viens de regarder mais les liens que tu me donne en haut ne fonctionne pas ..

et celui trouvé et pour un petit caroussel revue ..
Il est bon ou pas ??

car j'a iessaye de changer dans le XML lien par URL mais du  coup plus rien ne marche ??
merci de ton aide

jeudi 11 septembre 2008 à 19:25:21 | Re : caroussel et liens ??

WhiteMagus

Membre Club
Je n'ai pas comparé avec ta version pour savoir si c'est le même code, mais cette version marche très bien : http://www.lutincapuche.com/tuto-flash-faire-un-caroussel/
Bye ;)

jeudi 11 septembre 2008 à 19:25:50 | Re : caroussel et liens ??

WhiteMagus

Membre Club
Ah, j'oubliais, il faut aller au bout de l'article pour voir la version 2, qui inclut des liens.

jeudi 11 septembre 2008 à 20:12:31 | Re : caroussel et liens ??

alise

ben écoutes, le lien fonctionne parfaitement, je viens de vérifier
et pour voir si ça marche, ici

Alise
from FlashForum-oi.info

jeudi 11 septembre 2008 à 20:15:13 | Re : caroussel et liens ??

alise

et si tu veux l'as, le voici, désolé, c'est un peu long ;
mport mx.utils.Delegate;
import mx.transitions.Tween;
import mx.transitions.easing.*;

var numOfItems:Number;
var radiusX:Number = 280; //rayon largeur
var radiusY:Number = 75; // rayon hauteur
var centerX:Number = Stage.width / 2;
var centerY:Number = Stage.height / 2;
var speed:Number = 0.05;
var perspective:Number = 10; // avant 130
var home:MovieClip = this;
theText._alpha = 0;

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

var xml:XML = new XML();
xml.ignoreWhite = true;
var nodes;
xml.onLoad = function()
{
nodes = this.firstChild.childNodes;
numOfItems = nodes.length;
for(var i=0;i<numOfItems;i++)
{
var t = home.attachMovie("item","item"+i,i+1);
t.indice = i;
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
t.toolText = nodes[i].attributes.tooltip;
t.content = nodes[i].attributes.content;
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()
{
//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,100,1,true); //position de l'item en x
var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,200,1,true);// position de l'item en y
var tw5:Tween = new Tween(theText,"_alpha",Strong.easeOut,0,100,1,true);
theText.text = t.content;
var s:Object = this;
tw.onMotionStopped = function()
{
s.onRelease = unReleased;
}
}
}
}

function unReleased()
{
//On récupère l'adresse correspondant à l'icone sélectionnée dans le xml
getURL("http://"+nodes[this._parent.indice].attributes.url,_blank);
//BONUS Section
var sou:Sound = new Sound();
sou.attachSound("sdown");
sou.start();
//trace();
delete this.onRelease;
var tw:Tween = new Tween(theText,"_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*100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 100);
}

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


Alise
from FlashForum-oi.info


1 2

Cette discussion est classé dans : http, www, myitem, inner, com


Répondre à ce message

Sujets en rapport avec ce message

POPUP [ par godak ] bonjour,bon, après avoir cherché et essayé plusieurs solutions sans succès je me résigne a poser cette question.J'avais déja utilisé le window.open po pageflip [ par ricouner ] Bonjour je suis débutant  j'ai télécharger pageflip  " http://www.flashpageflip.com/  " en version free ... bon de toute facon les autres versions ne pageflip [ par ricouner ] Bonjour je suis débutant  j'ai télécharger pageflip  "  http://www.flashpageflip.com/  " en version free ... bon de toute facon les autres versions ne Flash [ par robyaltisernest ] Salut à tous Question de débutant: Comment créeer un effect de Tramage avec Flash ou autre.. Ex: http://www.alt120.com/ Ex: http://www.melmac.dk/ e comment faire le meme menu que sur www.airplayevent.com ?? [ par shorty2694 ] Bonjour à tous,Je souhaiterai réaliser le même genre de menu que celui que l'on retrouve sur le site www.airplayevent.com mais impossible d'y arriver amélioration du carrousel flash [ par breizalix ] Bonjour,Je travaille à partir d'une source (carrousel 3) trouvées sur http://www.gotoandlearn.com/.Je cherche à le faire évoluer pour afficher un sous


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,640 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.