Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/05/2012, 05:14
marcwolf
 
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