Comunidad de diseño web y desarrollo en internet online

Boton transparente que no anule lo de abajo

Citar            
MensajeEscrito el 27 Mar 2009 03:39 pm
Hola. Siento ser tan pesado pero me estoy volviendo loco. El caso es que quiero poner un botón transparente encima de otro pero, al hacerlo, el de abajo no funciona. Hay algunas manera de que funcionen los dos?

Por rgplanet

61 de clabLevel



 

safari
Citar            
MensajeEscrito el 27 Mar 2009 05:57 pm
:? que quieres que haga el de "arriba"

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 30 Mar 2009 03:56 am
Tengo una animación que tiene mogollón de código que no entiendo... Y quiero que, al pulsar un botón transparente que he colocado encima, se reproduzca una película con un sonido... (lo que me interesa es el sonido). Sé que no es la mejor manera de hacerlo pero no entiendo el código de lo de abajo y se me había ocurrido esta "solución" chapucerilla...

Por rgplanet

61 de clabLevel



 

safari
Citar            
MensajeEscrito el 30 Mar 2009 03:22 pm
si solo le quieres poner sonido al boton, entonces metete en el timeline del boton, solo sirven sus primeros 4 frames y tienen nombres diferentes, el sonido lo pones en el 3re frame

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 30 Mar 2009 07:27 pm
Si si, eso lo sé y lo tengo hecho. Lo que no puedo hacer es que, ese mismo botón con sólo el sonido me tapa lo de abajo y no sé cómo hacer que funcione pero que no tape lo de abajo... No sé si me explico bien, sorry...

Por rgplanet

61 de clabLevel



 

safari
Citar            
MensajeEscrito el 30 Mar 2009 07:50 pm
ok, me entendiste mal... eso del sonido hazlo con el de "abajo" y quita, elimina el de arriba, si solo quieres el sonido, con el mismo boton se puede

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 31 Mar 2009 04:11 pm
Jejejeje... A ver, lo de abajo realmente no es un botón. Es una amalgama de capas con mascaras y código que no entiendo (lo compré en flashden para usarlo). Es como esto:

http://s3.envato.com/files/70958/index.html

Pero yo lo que quiero es que, cuando hago click en una imagen, se escuche un sonido pequeñito... Por eso se me ocurrió lo de "falsear" cutremente y poner un botón transparente encima con el sonido...

Creo que en el código habría que ponerlo por aquí:
[code]

// loading the first Image into stage
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(zoom[0], 1);
capture.text = capture[0];
picture_num();
}
}
function thumb_function(PicB) {
thumb_mc.createEmptyMovieClip("mc"+PicB, thumb_mc.getNextHighestDepth());
mylist = new Object();
mylist.onLoadInit = function(thumbGalleryMC) {
thumbGalleryMC._x =(thumbGalleryMC._width+5)*PicB;
thumbGalleryMC._y =360;
thumbGalleryMC.pictureValue = PicB;
thumbGalleryMC.onRelease = function() {
PicA = this.pictureValue-1;
nextImage();
};
// thumb Images effect on mouseOver
thumbGalleryMC.onRollOver = function() {
this._alpha = 50;
};
// thumb Images effect on mouseOut
thumbGalleryMC.onRollOut = function() {
this._alpha = 100;
};
};
// this make a list of thumb and related the right zoomMC to each of them
image_mc = new MovieClipLoader();
image_mc.addListener(mylist);
image_mc.loadClip(thumb[PicB], "thumb_mc.mc"+PicB);
}

Por rgplanet

61 de clabLevel



 

safari
Citar            
MensajeEscrito el 31 Mar 2009 06:09 pm
ok

Código ActionScript :

thumbGalleryMC.onRelease = function() {
PicA = this.pictureValue-1;

sonido1= new Sound()
sonido1.attachSound("miSonido");
sonido1.start(); 
nextImage();
};

en este caso tienes un sonido en la biblioteca con miSonido de identificador

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 01 Abr 2009 03:00 pm
Eres una máquina!!! Me ha funcionado!!! En la página que me dices y luego lo he conseguido hacer en otra yo solito... Jjajajaja... Miles de gracias!!! Y encima he conseguido terminar un formulario que se me resistía hace tiempo... Voy a hacer un manual de cómo hacerlos... Una última pregunta para acabar de abusar de ti. En otra página tengo el mismo problema pero el caso es que el código está en un archivo externo y es AS3, creo. Este es el código donde creo que debería ir:

Código :

//______________________________________________Thumbnail Roll Over, Roll Out, Press
      //Thumb roll over
      private function RollOver(e:Event):void
      {
         var p:Cube = pContainer[e.target];
         var ob:Object = {   x:p.extra.tPos.x,
                        z:p.extra.tPos.z,
                        time: mtime2,
                        transition:Img_easeType,
                        onUpdate: updatePos,
                        onUpdateParams: [p]
                     }
         Tweener.addTween(p.extra.cPos, ob );
         
         var index = p.extra.index;
         
         // Tween Caption:Fade In/Fade Out
         var FadeIn:Function = function(index:Number):void
         {
            cap.text = capt[index];
            Tweener.addTween(cap, {alpha:1, time: (cTime/2), transition:cTrans});
         }
         Tweener.addTween(cap, {alpha:0, time: (cTime/2) , transition:cTrans, onComplete: FadeIn, onCompleteParams:[index]});
      }
   
      // Thumb roll out   
      private function RollOut(e:Event):void
      {
         var p:Cube = pContainer[e.target];
         var ob:Object = {   x:p.extra.oPos.x,
                        z:p.extra.oPos.z,
                        time: mtime2,
                        transition:Img_easeType,
                        onUpdate: updatePos,
                        onUpdateParams: [p]
                     }
         Tweener.addTween(p.extra.cPos, ob );
      }
      
      
      // Thumb pressed
      private function Press(e:Event):void
      {
         var container = e.target;
         var p = pContainer[container];
         
   
               
            
         if (flag == 0) 
         {
            //Prevent roll over, roll out tween
            container.removeEventListener(MouseEvent.ROLL_OVER, RollOver);
            container.removeEventListener(MouseEvent.ROLL_OUT, RollOut);
            
            cap.alpha = 1;
            des.visible = true;
            rs = 0;
            pitch = 0;
            
            for (var i:uint = 0; i < numphot; i++)
            {
               if ( i != p.extra.index) 
               {
                  var pl = scene.getChildByName("plane"+i);
                  pl.container.removeEventListener(MouseEvent.ROLL_OVER, RollOver);
                  pl.container.removeEventListener(MouseEvent.ROLL_OUT, RollOut);
                  pl.container.removeEventListener(MouseEvent.MOUSE_DOWN, Press);   
                  pl.container.buttonMode = false;
                  
                  //_____________________________________________________________________
                  
                  //Add tweening alpha - Optional
                  Tweener.addTween(pl.container, {alpha:0, time:2, transition:"easeOutQuint"});
                  Tweener.addTween(pl.extra.ref.container, {alpha:0, time:2, transition:"easeOutQuint"});
                           
                  //______________________________________________________________________
                  
                  //Add tweening scale - Optional
                  /*
                  Tweener.addTween(pl.container, {scaleX:0, scaleY:0, time:2, transition:"easeOutQuint"});
                  Tweener.addTween(pl.extra.ref.container, {scaleX:0, scaleY:0, time:2, transition:"easeOutQuint"});
                  */
               }
            }
            
            var tob:DisplayObject3D = new DisplayObject3D();
            tob.x = delta1 * (1 - camera.x) + camera.x;
            tob.z = delta1 * (-camera.z) + camera.z;
            tob.rotationY = (-angle % 360) + 270;
            
            tob.moveLeft(delta2);
            tPos.x = tob.x;
            tPos.z = tob.z;
            tPos.rotationY = tob.rotationY;
            
            var myob:Object = {   x:tPos.x, 
                           z:tPos.z, 
                           y:0,
                           rotationY:tPos.rotationY, 
                           time:mtime3, 
                           transition:Img_easeType2, 
                           onUpdate:updatePos2, 
                           onUpdateParams: [p]
                           };
                           
            // Move thumbnail to target position
            Tweener.addTween( p, myob);
            
            // Move Camera
            Tweener.addTween(camera, {y:0, time: dTime, transition:dTrans });
            
            //Fade In Description
            des.text = desc[p.extra.index];

            Tweener.addTween(des, {alpha:1, time: dTime, transition:dTrans, onComplete:AddEvent, onCompleteParams:[p]});
            cID = p.extra.index;
         }
         else
         {
            rs = rotatespeed;
            pitch = Pitch;
            
            // Plane smooth == false ~ increase performance
            p.getMaterialByName("front").smooth = false;
            
            container.removeEventListener(MouseEvent.ROLL_OVER, RollOver2);
            container.removeEventListener(MouseEvent.ROLL_OUT, RollOut2);
            stage.removeEventListener(MouseEvent.MOUSE_MOVE, MouseMove);
                  
            var myob2:Object = {x:p.extra.oPos.x, 
                           z:p.extra.oPos.z, 
                           y:0,
                           rotationY:p.extra.rotationY, 
                           time:mtime3, 
                           transition:Img_easeType2, 
                           onUpdate:updatePos2, 
                           onUpdateParams: [p],
                           onComplete: RestoreEvent,
                           onCompleteParams: [p]};
                           
            // Move thumbnail back
            Tweener.addTween( p, myob2);
            
            for (var j:uint = 0; j < numphot;   j++)
            {
               if ( j != p.extra.index) 
               {
                  var pl2 = scene.getChildByName("plane"+j);
                  pl2.container.addEventListener(MouseEvent.ROLL_OVER, RollOver);
                  pl2.container.addEventListener(MouseEvent.ROLL_OUT, RollOut);
                  pl2.container.addEventListener(MouseEvent.MOUSE_DOWN, Press);   
                  pl2.container.buttonMode = true;
                  
                  //______________________________________________________________
                  
                  //Add tweening alpha - Optional
                  Tweener.addTween(pl2.container, {alpha:1, time:2, transition:"easeOutQuint"});
                  Tweener.addTween(pl2.extra.ref.container, {alpha:1, time:2, transition:"easeOutQuint"});
                           
                  //______________________________________________________________
                  
                  //Add tweening scale - Optional
                  
                  /*
                  Tweener.addTween(pl2.container, {scaleX:1, scaleY:1, time:2, transition:"easeOutQuint"});
                  Tweener.addTween(pl2.extra.ref.container, {scaleX:1, scaleY:1, time:2, transition:"easeOutQuint"});
                  */
               }
            }
            
            // Move Camera Back
            Tweener.addTween(camera, {y:camHeight, time: dTime, transition:dTrans });
            
            //Fade Out Description
            Tweener.addTween(des, {alpha:0, time: dTime, transition:dTrans, onComplete:function():void {des.visible = false}});
            
            //Fade Out image
            neededScale = true;
            Tweener.addTween(ImgContainer[cID], {scaleX:0, scaleY:0, alpha:0, time:1, transition:"easeOutQuint" });
         }
         flag = Math.abs(flag-1);
      }
      
      
      //______________________________________________________________________
      // New roll over, roll out when a thumbnail is presed
      
      private function AddEvent(p:Cube):void
      {
         stage.addEventListener(MouseEvent.MOUSE_MOVE, MouseMove);
         p.container.addEventListener(MouseEvent.ROLL_OVER, RollOver2);
         p.container.addEventListener(MouseEvent.ROLL_OUT, RollOut2);
                  
         //Plane smooth == true ~ increase quality
         p.getMaterialByName("front").smooth = true;
      }
      
      private function RollOver2(e:Event):void
      {
         if (neededScale)
         {
            Tweener.addTween(ImgContainer[cID], {scaleX:1, scaleY:1, alpha:0.85, time:1, transition:"easeOutBack" });
            neededScale = false;
         }
         stage.addEventListener(MouseEvent.MOUSE_MOVE, MouseMove);
      }
      
      private function RollOut2(e:Event):void
      {
         neededScale = true;
         Tweener.addTween(ImgContainer[cID], {scaleX:0, scaleY:0, alpha:0, time:1, transition:"easeOutQuint" });
         stage.removeEventListener(MouseEvent.MOUSE_MOVE, MouseMove);
      }
      
      private function MouseMove(e:Event):void
      {
         ImgContainer[cID].x = (stage.mouseX + 10) ;
         ImgContainer[cID].y = (stage.mouseY + 10);
      }
      
      
      //_______________________________________________________________Update position 
      
      private function updatePos(p:Cube):void
      {
         p.x = p.extra.cPos.x;
         p.z = p.extra.cPos.z;
         p.extra.ref.x = p.x;
         p.extra.ref.z = p.z;
      }
      
      private function updatePos2(p:Cube):void
      {
         p.extra.cPos.x = p.x;
         p.extra.cPos.z = p.z;
         p.extra.ref.x = p.x;
         p.extra.ref.z = p.z;
         p.extra.ref.rotationY = p.rotationY;
      }
      
      private function RestoreEvent(p:Cube):void
      {
         var container:Sprite = p.container;
         
         //Restore Roll Over, Roll Out
         container.addEventListener(MouseEvent.ROLL_OVER, RollOver);
         container.addEventListener(MouseEvent.ROLL_OUT, RollOut);
      }
         
      //________________________________________________________________________
      
      private function MoveCamera(k:Number):void
      {
         camPos.angle = k * anglePer;
         Tweener.addTween(COB, {angle: camPos.angle, time: mtime, transition:Cam_easeType, onUpdate:updateCamera});
      }
         
      private function updateCamera():void
      {
         var x = Math.cos( COB.angle) * cradius;
         var z = Math.sin( COB.angle) * cradius;
         camera.x = x;
         camera.z = z;
         angle = COB.angle * 180/Math.PI;
      }
      
      private function update3D(e:Event):void
      {
         if (autorotate) 
         {   
            var del = (stage.mouseX - stage.stageWidth * 0.5) * rs;
            //var del2 = (stage.stageHeight * 0.5 - stage.mouseY) * pitch;
            
            angle += del;
            var x = Math.cos(angle*Math.PI/180)*cradius;
            var z = Math.sin(angle*Math.PI/180)*cradius;
            
            camera.x = x;
            camera.z = z;
         }
         scene.renderCamera( camera );
      }
      
      private function rePosition(e:Event):void
      {
         container.x = stage.stageWidth * 0.5;
         container.y = stage.stageHeight * 0.5;
         
         // Reposition caption, description
         cap.x = (stage.stageWidth - cap.width) * 0.5 ;
         cap.y = container.y + 150;
         des.x = container.x + 40;
         des.y = (stage.stageHeight - des.height) * 0.5 + 20 ;
      }
      
      //__________________________________________Apply styleSheet in description field
      
      private function InitDescription():void
      {
         // load external css
         var req:URLRequest = new URLRequest("css/styles.css");
         var loader:URLLoader = new URLLoader();
         loader.load(req);
         loader.addEventListener(Event.COMPLETE, cssLoaded);
         // Adding text link event
         addEventListener(TextEvent.LINK, clickText);
      }
      
      private function cssLoaded(e:Event):void
      {
         css.parseCSS(e.target.data);
         des.styleSheet = css;
      }
      
      private function clickText(li:TextEvent):void
      {
         var myURL:URLRequest = new URLRequest(li.text);
         navigateToURL(myURL,"_blank");
      }
      
      //___________________________________for Preview only
      
      private function Setup_link():void
      {
         gal2.buttonMode = gal3.buttonMode = gal4.buttonMode = true;
         gal2.addEventListener(MouseEvent.MOUSE_DOWN, go2);
         gal3.addEventListener(MouseEvent.MOUSE_DOWN, go3);
         gal4.addEventListener(MouseEvent.MOUSE_DOWN, go4);
      }
      
      private function go2(e:Event):void
      {
         var myURL:URLRequest = new URLRequest("./3d2.html");
         navigateToURL(myURL,"_self");
      }
   
      private function go3(e:Event):void
      {
         var myURL:URLRequest = new URLRequest("./3d3.html");
         navigateToURL(myURL,"_self");
      }

      private function go4(e:Event):void
      {
         var myURL:URLRequest = new URLRequest("./3d4.html");
         navigateToURL(myURL,"_self");
      }

      
   }
}


Perdón por la chapa... De verdad que te agradezco tu ayuda y no sé cómo voy a poder pagarte!!! Dónde vives? Te invito a unas cañas. :) Gracias de nuevo,

Roger.

Por rgplanet

61 de clabLevel



 

safari
Citar            
MensajeEscrito el 01 Abr 2009 03:01 pm
Ostras, creo que me he pasado pegando código... Perdón!!!

Por rgplanet

61 de clabLevel



 

safari
Citar            
MensajeEscrito el 01 Abr 2009 03:11 pm
:S quieres que lea todo eso ahh, mejor abre otro post en AS3 e indica donde esta el evento. Supongo que quieres que se reproduzca otro sonido no? ... por lo que veo es en las funciones go ;)

y de nada. ^^

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 01 Abr 2009 03:18 pm
Gracias Nacho. Ya he abierto el post que me dices. No sé cómo agradecer la labor que haceis. Gracias,

Roger.

Por rgplanet

61 de clabLevel



 

safari

 

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