Articles of imágenes

¿Alguien puede explicar este código jQuery?

Este código se toma de http://wilq32.googlepages.com/wilq32.rollimage222 y se supone que anima una rotación de imagen. No puedo entender la estructura exactamente, y cómo entrenarla para hacer lo que quiero, por ejemplo: hacer que div X gire div Y en el hover (en lugar de girarse a sí mismo), o agregar otras funciones como atenuar la […]

jQuery: ¿Cómo eliminar el controlador de eventos solo mientras se ejecuta una animación o función?

Estoy intentando crear una galería de imágenes. En la parte inferior tengo una tira de miniaturas, estas miniaturas se deslizan hacia la izquierda y hacia la derecha cuando haces clic en una flecha, pero si haces clic en la flecha varias veces, se activa la función. Me gustaría eliminar el controlador de clic mientras se […]

jQuery imagen de fondo “fade in” animación

¿Podria alguien ayudarme por favor? Tengo un sitio con una imagen establecida como fondo para el elemento “cuerpo”. Necesito crear un efecto como “fade in”. Este es el sitio http://www.ladycup.eu/ . Si se aleja, puede ver las hojas en el lado del cuadro de contenido principal. Esa es la imagen y la necesito para “crecer” […]

Problema de vista previa de la imagen de Jquery

Tengo un problema con una vista previa de la imagen que aparece cuando pasas el cursor sobre una miniatura. Puedo cambiar la distancia entre la vista previa y el cursor, pero si una miniatura está cerca del lado de la ventana, la vista previa no encaja y solo se ve una parte … espero que […]

¿Cómo girar la imagen en su lugar con jQuery?

Estoy tratando de hacer que una imagen gire en su lugar con cada clic (la imagen es una perilla de TV antigua). No puedo hacerlo funcionar a pesar de mis mejores esfuerzos. El código está abajo: var value = 0 $(“#img”).rotate({ bind: { click: function(){ value +=90; $(this).rotate({ animateTo:value}) } } });

Obtención del ancho y alto original de una imagen en jQuery

Necesito obtener el ancho y alto original de una imagen dada una fuente específica. Mi método actual es: img.tag = “”; img.Owidth = 0; img.Oheight = 0; $(img.tag).load(function() { img.Owidth = $(this).width(); img.Oheight = $(this).height(); }).appendTo(img.parent()); Con Owidth y Oheight las dimensiones originales de la imagen cargada. Me pregunto si hay una mejor manera de […]

jQuery cargando imagenes bajo demanda

Estoy tratando de cargar imágenes a pedido para evitar la descarga de imágenes innecesarias. Estoy usando jQuery. Hasta ahora, esto es lo que he encontrado: $(‘#region_image’).attr({‘src’:’/images/’+e.key+’.jpg’}).load(function(){ $(this).fadeIn(); }); // e.key is the name of the image I want to load now. ¿Hay alguna advertencia al usar esto? EDITAR: Advertencia nr. 1: Al vincular el evento […]

plugin de webcam jQuery – guardando imagen

Estoy teniendo dificultades para guardar la imagen capturada desde la cámara web con el complemento de cámara web jquery. Aquí está el código .. $(document).ready(function(){ $(“#camera”).webcam({ width: 320, height: 240, mode: “save”, swffile: “jscam.swf”, }); }); Estoy usando el modo ‘guardar’. en la parte del cuerpo .. capture en la parte upload.php .. $str = […]

jQuery animar en un reemplazo de imagen

Espero que me puedan aconsejar. Me gustaría agregar un poco de fundido de imagen en un reemplazo de imagen que he enganchado a un menú selecto. $(“#vehicle”).change(function(){ var selected = $(this).val(); $(“#selectedVehicle”).attr(‘src’, ‘/assets/images/mini/’+selected+’.png’); }); ¿Alguna sugerencia de cómo puedo hacerlo?

Javascript: haga clic en las miniaturas para cambiar una imagen más grande. ¿Mejor método?

He estado buscando una manera realmente fácil / liviana de poder hacer clic en las miniaturas para cambiar la fuente de una imagen más grande. Esto es lo que he encontrado: http://snipplr.com/view/8688/jquery-image-swap/ Aún no lo he probado. ¿Es esta la mejor solución? Las imágenes más grandes que se intercambiarán tendrán el mismo ancho pero una […]