Jquery: Cómo agrandar el ratón encima de la imagen para generar dinámicamente imágenes

Cómo agrandar imagen del ratón por encima para generado dinámicamente imágenes de la base de datos.Estoy usando c# código para enlazar las imágenes en la Interfaz de Usuario. He probado diferentes plugins de Jquery, pero la mayoría de ellos tenía problemas de compatibilidad con algunos navegadores(IE 6). Amablemente me sugieren una manera de salir.

Gracias.

  • Lo tienes todavía? Si las imágenes son generadas dinámicamente, puede que desee utilizar $('.image-selector').live('mouseover', function()...
InformationsquelleAutor GethuJohn | 2010-10-21

1 Kommentar

  1. 1

    Si agrega dinámicamente imágenes a su página (a partir de una base de datos u otra fuente externa), el primer problema es cómo garantizar que jQuery es consciente de ellos.

    JQuery tiene un número de detectores de eventos para los que se genera dinámicamente el contenido, tales como $.live() y $.delegado(). Se le quiere asignar un detector para un área de contenido para mirar hacia fuera para las nuevas imágenes que se cargan mediante el uso de uno de esos dos de las funciones de jQuery.

    Una vez que el código es consciente de una nueva imagen, su siguiente tarea es agregar el ampliar /reducir el comportamiento. Dependiendo de lo que queremos que suceda, probablemente la mejor opción es el uso de jQuery $.hover() del evento. Por lo tanto el código se verá algo como esto:

    $("#myContentRegion").delegate("img", "hover", function(){
        $(this).animate({ 
                width: 200, height: 200 
            }, 5000, function() {
        $(this).animate({ width: 100, height: 100 });
      });
    
    });

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea