Foros del Web » Programando para Internet » Javascript »

Detectar id (de img que estas encima) al hacer click en un boton

Estas en el tema de Detectar id (de img que estas encima) al hacer click en un boton en el foro de Javascript en Foros del Web. Hola, me gustaría detectar el id (de img que estas encima) al hacer click en un botón. de esta manera sólo me coje el primer ...
  #1 (permalink)  
Antiguo 04/05/2012, 05:14
 
Fecha de Ingreso: junio-2010
Mensajes: 353
Antigüedad: 13 años, 10 meses
Puntos: 6
Detectar id (de img que estas encima) al hacer click en un boton

Hola,
me gustaría detectar el id (de img que estas encima) al hacer click en un botón. de esta manera sólo me coje el primer id de ese div, indiferentemente de que este en en la 1 o segunda imagen.

Código Javascript:
Ver original
  1. var lupa_0 = $('#lupa_0').click(function() {
  2.               var wheight = 448;
  3.               var wwidth = 404;
  4.               var zIndexNumber = 11;
  5.               $("#slideshow_0 IMG").width(wwidth).height(wheight);
  6.               $("#slideshow_0 A").css('zIndex', zIndexNumber);
  7.              
  8.                 var paused = slideshow_0.is(':paused');
  9.         slideshow_0.cycle(paused ? 'resume' : 'pause', true);
  10.                
  11.              
  12.     });
  13.  
  14.  var slideshow_0 = $('#slideshow_0').cycle({
  15.         timeout: 200,
  16.         pause: true,
  17.         paused: function(cont, opts, byHover) {
  18.             !byHover && lupa_0.html('Resume');
  19.            
  20.         },
  21.         resumed: function(cont, opts, byHover) {
  22.             !byHover && lupa_0.html('Pause');
  23.                         var wheight = 224;
  24.                         var wwidth = 202;
  25.                         $("#slideshow_0 IMG").width(wwidth).height(wheight);
  26.                         alert($("#slideshow_0 A IMG").attr("id"));
  27.         }
  28.     });

Código HTML:
Ver original
  1. <div id="slideshow_0">
  2.    <a href="1"><img id="one"class="one" src="images/home/image1_0.png" alt="Slideshow Image 1" /></a>
  3.      <a href="2"><img class="two" src="images/home/image1_1.png" alt="Slideshow Image 2" /></a>
  4. </div>
  5. <button id="lupa_0" class="show">Pause</button>

gracias de antemano

Última edición por marcwolf; 04/05/2012 a las 05:20
  #2 (permalink)  
Antiguo 04/05/2012, 05:50
 
Fecha de Ingreso: junio-2010
Mensajes: 353
Antigüedad: 13 años, 10 meses
Puntos: 6
Respuesta: Detectar id (de img que estas encima) al hacer click en un boton

Ya lo he solucionado, simplemente pongo esto dentro de la funcion cycle

Código Javascript:
Ver original
  1. var idActual = $("#slideshow_0 IMG").hover(function(Event) {
  2.     var id = $(this).attr('id');
  3.     alert(id);
  4. });

Última edición por marcwolf; 04/05/2012 a las 05:56

Etiquetas: encima, html, img, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:15.