Menú
Está libre
registrarse
el principal  /  La Internet / Galería de jQuery simple con navegación. Galería de imágenes en jQuery

Galería de jQuery simple con navegación. Galería de imágenes en jQuery

por Dmitry Semenov.
Es una galería de imágenes jQuery y un complemento de control deslizante. Es completamente sensible, amigable con el tacto y tiene una arquitectura modular que le permite incluir solo características que necesita para optimizar el tamaño del archivo y el rendimiento.

por andy - el coffeescripter
Un complemento de galería / escaparate altamente personalizable para jQuery.

por Trent.
Galleriffic es un complemento de jQuery que proporciona una experiencia gratuita rica y posterior a la espalda optimizada para manejar grandes volúmenes de fotos mientras se conserva el ancho de banda.

Galería Tónica - JQuery XML Portfolio Gallery | $ 6.

por Aino.
Galleria es un marco de la galería de imágenes de JavaScript construida en la parte superior de la biblioteca de jQuery. El objetivo es simplificar el proceso de creación de galerías de imágenes profesionales para los dispositivos web y móviles.

por catchmyfame.
El otro día, fui a buscar una forma sencilla utilizando JQery para desvanecerme entre un conjunto de imágenes en una página. Entonces, siendo un codificador, me propuse crear mi propio plugin.

por Thomas Kahn.
Smooth DIV Scroll es un complemento de jQuery que desplaza al contenido horizontalmente hacia la izquierda o hacia la derecha. Además de muchos de los otros complementos de desplazamiento que se han escrito para Jquery, Smooth Div Scroll no limitan el desplazamiento a los pasos distintos.

por victor zambrano - frwrd.net
MinishowCase es una pequeña y simple galería de fotos de PHP / JavaScript en línea, impulsada por Ajax que le permite mostrar fácilmente sus imágenes en línea, lo que permite tener una galería en funcionamiento en unos minutos.

por caspar david friedrich
Egallery es una galería de diapositivas animada web hecha con jQuery. Solo usa las funciones de jQuery básicas y el Thickbox de Cody Lindley para mostrar imágenes más grandes.

por arnault pachot
Un carrusel de varios formatos para jquery, cartera no obsporada y accesible que soporta múltiples medios: fotos, video (FLV), Audio (MP3). Este complemento para JQery detectará automáticamente la extensión de cada medio y aplicará el reproductor adaptado.

The Wall - Galería de medios - JQuery Powered | $ 5.

por Stefan Petre.
Otro complemento de la galería de imágenes con efecto de espacio, complemento muy ligero y simple.

por Moreno di Domenico
Jmfullwall es un plugin jQuery para la creación de una impresionante cartera.

por Fabrizio Calderan.
Mosaiqy es un complemento de jQuery para visualizar y hacer zoom Foto que trabaja en Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome e IE7 +. Las fotos se recuperan de una estructura de datos JSON / JSONP y se mueven aleatoriamente dentro de la cuadrícula. Todas las animaciones caras son tomadas por su GPU en los navegadores recientes utilizando transiciones CSS3, minimizando la sobrecarga de la CPU.

por cody.
El siguiente complemento de jquery transforma un conjunto de imágenes en una pequeña galería con varias opciones. La Micro Image Gallery permite cambiar entre una vista de cuadrícula que Shichs es una vista previa de las imágenes como miniaturas y una sola vista que muestra una sola imagen.

Vion - JQuery Image Gallery Plugin | $ 7.

por Malihu.
Una simple, pero elegante galería de imágenes de pantalla completa creada con el marco jquery y algunos CSS simples.

Hola, queridos lectores A! En esta lección, le mostraré cómo crear minimalista, pero al mismo tiempo conveniente y funcional. galería de fotos en jquery, o la galería de imágenes, tan cómoda. La galería tiene la capacidad de crear categorías, seguido de filtración. También es posible lanzar una presentación de diapositivas. La galería funciona en todos los navegadores, por lo que no habrá problemas con la adaptación.

Se utilizarán dos bibliotecas gratuitas para crear esta galería: Arena movedizay Linda foto. Simplifican enormemente la creación de la galería. Como siempre, puede ver el resultado en la página de demostración, así como descargar el archivo con las galerías de trabajo y todas archivos fuente. El único menos, si es así, para hablar, es crear una miniatura manual para imágenes grandes. Y en todo el resto de esto galería Atención decente. Al igual que !

Marcado html

Primero, analizaremos el panel con la lista de categorías, esta es una lista marcada de UL. Además, cada elemento de la lista debe tener un nombre de clase único.

1
2
3
4
5
6
7
8

<uL Class \u003d "Portfolio-Categ Filter"\u003e
<li\u003eCategorías:</ Li\u003e
<li clase \u003d "todo activo"\u003e Todo</ A\u003e.
<li Class \u003d "Cat-item-1"\u003e
Categoría 1.</ A\u003e.
<li Class \u003d "Cat-item-2"\u003e
Categoría 2.</ A\u003e.
<li Class \u003d "Cat-item-3"\u003e
Categoría 3.</ A\u003e.
<li Class \u003d "Cat-item-4"\u003e
Categoría 4.</ A\u003e.
</ ul\u003e.

1
2
3
4
5
6
7
8
9
10
11


  • Como se mencionó anteriormente, los elementos de la lista son imágenes en la galería. Cada elemento de la lista incluye compuesto. Es directamente la imagen en sí, más precisamente su miniatura, así como la descripción. La miniatura es un enlace a la imagen principal. El atributo REL se requiere para llamar a JavaScript y abrir la imagen principal.

    No olvides también las 2 cosas importantes, el atributo de elemento LI LIVE, el atributo de ID de datos debe ser único. El atributo de tipo de datos contiene una clase de clase, que describí anteriormente. El marcado parece ser todo.

    Estilos CSS.

    Especialmente afiló la atención en los estilos, ya que usamos la biblioteca preparada. Linda fotoLo que es responsable de aumentar la imagen, y el código CSS es bastante. Sin embargo, vale la pena señalar 5 opciones para el diseño de la imagen ampliada, aunque idealmente 3, ya que en dos versiones solo se elimina.

    Por lo tanto, solo mostraré los estilos CSS para las miniaturas bien y una lista de categorías.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28

    Portafolio-Categ (margen inferior: 30px;)
    .portfolio-cattar li (
    pantalla: Inline;
    margen-derecha: 10px;
    }
    Bloque de umbral (
    bloqueo de pantalla;
    posición: Relativo;
    }
    .image-block img (
    frontera: 1px sólido # D5D5D5;
    borde-radio: 4px 4px 4px 4px;
    fondo: #FFFFFF;
    relleno: 10px;
    }
    .Image-Block IMG: Hover (
    frontera: 1px sólido # A9CF54;
    box-Shadow: 0 0 5px # a9cf54;
    }
    .portfolio-area li (
    flotador izquierdo;
    margen: 0 12px 20px 0;
    desbordamiento: oculto;
    ancho: 245px;
    relleno: 5px;
    }
    .Home-Portfolio-Text (Margen-Top: 10px;)
    Li.active a (texto-decoración: subrayado;)

    En principio, con los estilos debe ser todo claro. Para que las categorías se alineen en un número, la propiedad de visualización se adhiere en línea. Para dar un efecto de trazo de imagen, se establece el color de fondo (blanco) y el sangría en 10 píxeles. Las dimensiones de los elementos de la lista se establecen en .portfolio-area li.

    jQuery.

    Bueno, finalmente, lo más importante es que toda la lección. Este es un código jQuery. Vamos a empezar con filtrar imágenes, por categoría.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23

    // Seleccione todos los elementos hijos de la sala de cartera y escriba a la variable
    var $ data \u003d $ ("Area de cartera") .clone ();

    $ (". Portafolio-Cit Li") .Click (Función (E) (
    $ (". Filter LI") .Removeclass ("Activo");

    var filterclass \u003d $ (esto) .attr ("clase") .split ("") .slice (- 1) [0];

    if (filterclass \u003d\u003d "all") (
    var $ filtereddata \u003d $ data.find (".portfolio-item2");
    ) DEMÁS (
    var $ filtereddata \u003d $ data.find (".portfolio-item2");
    }
    $ ("Área de cartera") .Quicksand ($ filtredData, (
    Duración: 600,
    Adjustheight: "Auto"
    ), Función () (

    Lightboxphoto ();
    } ) ;
    $ (esto) .addclass ("activo");
    fALSO RETORNO;
    } ) ;

    EE. UU. El método del clon () y el método selector, seleccione todos los elementos secundarios de .portfolio-area y escríbalos en la variable de datos $. A continuación, rastree el clic en una de las categorías, el elemento LI de la lista con la clase .PortFolio-Class. Hacemos todas las categorías que no están activas, eliminando el removeClass ("Activo"), si esto no hace eso, con el tiempo, todas las categorías estarán activas y filtrándose para detenerse.

    Dado que hacemos clic en el elemento de la lista, luego en este selector contiene un elemento de la lista que es LI, solo toma el valor del atributo de clase y utiliza el método dividido, dividimos el nombre de la clase en varias partes, la La frontera es un espacio (es decir, si la clase fue "todo activa" después de romper, obtenemos una matriz de "todos" y "activo"). Y aún más por el método de la rebanada, seleccione el primer elemento de la matriz (en nuestro caso "todos"), y escriba el resultado resultante en la variable FilterClass. Si la brecha no fue el nombre de la clase para no cambiar.

    A continuación, compruebe si en la cadena de la variable filterClass todas., Selecciono todos los elementos con la clase de portafolio-item2 desde el massif de datos $, que consideramos anteriormente. Artículos seleccionados (y estos son todos los elementos de la lista, es decir, todas las imágenes) puestas en la variable FilteredData.

    De lo contrario, si FilterClass no es igual todas., En la variable FilterData, no todos los elementos de la lista, pero solo aquellos cuyo atributo de tipo de datos coincide con la clase de categoría. En resumen, los elementos de una sola categoría.

    Y, en última instancia, la variable recibida transmite a la biblioteca jquery quicksandLo que hace que las imágenes de filtrado. Todo se refiere al filtrado.

    Ahora, como para aumentar la imagen en la ventana emergente. Todo es mucho más fácil aquí.

    1
    2
    3
    4
    5
    6
    7

    jquery ("a") .prettyphoto ((
    Animacionespeedor: "Rápido",
    Presentación: 5000,
    Tema: "Facebook",
    Show_title: Falso,
    Overlay_Gallery: Falso.
    } ) ;

    El clic en el enlace es rastreado por el atributo REL comienza con PrettyPhoto. Después de lo cual la biblioteca está entrando linda fotoY la imagen es maravillosos aumentos. Por cierto, también transmitimos varios parámetros. Como la velocidad de la animación, rápido, retraso en la presentación de diapositivas, 5 segundos, el tema de Facebook (solo 5 temas que están ubicados en la carpeta Imágenes / SittyPhoto), y también prohíben la visualización del nombre de la imagen y aumente La imagen cuando pasa el mouse. Documentación completa para linda foto Puede ser encontrado

    Para mantenerse al día con los artículos frescos y las lecciones se suscriben a

    ¡Hola a todos!
    Los desarrolladores de todas las rayas al crear el siguiente proyecto web a menudo le interesan la cuestión de cómo presentar a sus usuarios varios tipos de imágenes, ya sean fotos o conjuntos de imágenes. Para esto, las mentes inventivas del espacio en línea, en su mayor parte, por supuesto, este es el espacio "burgués", está buscando más y más soluciones nuevas para crear espectaculares, coloridos y la principal diapositiva funcional y las galerías de fotos. En su mayor parte, y son personalizados por los desarrolladores bajo la plantilla de diseño del proyecto web que se está creando o en forma de complementos y módulos para un motor de administración de sitios específico. Vale la pena mirar las plantillas modernas para, no un solo tema, con una excepción rara, no funciona sin ningún control deslizante conectado o un simple rotador de imágenes. Por lo tanto, es claro para el deseo de muchos desarrolladores web para obtener algo como algo más para su arsenal y sorprenda a sus lectores en plena, presentando espectacularmente imágenes en sus sitios.

    Continuando con la serie emergente de revisiones de las nuevas decisiones emergentes al crear, decidí recolectar una colección más completa de presentaciones, interesantes y espectaculares presentaciones de diapositivas y galerías de fotos creadas con JQuery Magic.
    Inmediatamente quiero advertir que los recursos de los cuales se discutirán en la revisión, principalmente en inglés, pero creo que lo que lo necesita, entenderá intuitivamente o con la ayuda de los traductores, que son al menos un estanque de un orgullo. Sí, y si se ve bien, puede encontrar descripciones de la tecnología para crear algunas galerías y deslizadores en ruso, ya que muchos de nuestros desarrolladores web se transfieren en el proceso de trabajo en un proyecto en particular, y luego diseñar descripciones detalladas. De todas sus manipulaciones en acceso gratuito.
    Así, por ejemplo, lo hice, a la vez, trabajando en el mecanismo de creación, primero encontré la versión de la galería de la burguesa para mí, traducida a una mejor comprensión de lo que hago, y en el futuro resultó, me atrevo a Espero que no sea un mal artículo sobre el uso del script Highslide, con ejemplos de trabajo en varias variaciones de aplicación.
    Y así, hay suficientes letras no necesarias, vamos directamente a la revisión, consulte, lea una breve explicación y elija una gran cantidad de nuevos complementos de jquery y scripts para implementar desequilibrios interesantes de imágenes, galerías de fotos de diapositivas en sus sitios : con diapositivas de cambio automático y manual, deslizadores de imágenes de fondo, con miniaturas y sin ellos, etc. etc ...

    De.syt. | Manifestación.

    Galería de imágenes de jQuery completa, ajustable con elementos de presentación de diapositivas, con efectos de transición y varias opciones de álbumes. Compatible con todos los modernos navegadores de escritorio y móviles.

    Guía para crear una galería de pantalla completa basada en jQuery. La idea es que el boceto de la imagen de pantalla completa mostrada se muestra a un lado, con una reflexión al moverse a través de imágenes usando la flecha o un coa conserve. Las imágenes grandes cambian en el estilo de la presentación de diapositivas hacia arriba o hacia abajo, dependiendo de la transición que eligió. La capacidad de escalar la imagen, lo que hace de la imagen en el fondo para ver en pantalla completa o ajustada al tamaño de la página.

    Control deslizante de paralaje.

    Control deslizante de paralaje. Una solución interesante para la organización de mostrar imágenes en forma de una presentación de diapositivas con elementos de control manual. Atrae la colocación original de la miniatura de las imágenes. En el sitio oficial hay una alineación de integración completa y configurando el control deslizante.

    Galería de diapositivas minimalista con jQuery Excelente galería de imágenes con elementos de cambio automático de imágenes, así como con la capacidad de controlar manualmente la pantalla y la selección de imágenes del bloque desplegable con una cuadrícula de miniaturas. De las menos, puede haber una visualización de imágenes a gran escala, pero este es el minimalismo de esta galería.

    Esta es una presentación de pantalla completa con imágenes que cambian automáticamente, sin efectos impresionantes, todo es simple y de buen gusto.

    Minimit Gallery.es un complemento jQuery bien sintonizado, con una gran selección de transiciones al mostrar imágenes. Con la ayuda de la galería de minimit, puede organizar una demostración de imágenes en forma de un carrusel, una presentación de diapositivas, el rotador más simple y el bloqueo habitual de las imágenes.

    - Este es un plugin jQuery pequeño (2kb) que proporciona simples modales, sin modales innecesarios, una forma de mostrar imágenes en forma de una presentación de diapositivas.

    - Este es un ojo agradable de la Galería de Javascript, con controles intuitivos y compatibilidad impecable en todas las computadoras, iPhones y dispositivos móviles. Muy fácilmente instalado y configurado.

    A diferencia de muchos controles deslizantes de imagen JavaScript y JQuery, Slider.js es una solución híbrida, eficiencia CSS3 de transiciones y animaciones basadas en.

    Esta es una plantilla de una sola página para crear varias presentaciones en HTML5 y CSS3.

    DIAPO. Slideshow es un proyecto de código abierto. Si lo desea, puede ofrecer cambios o mejoras. Puede descargarlo y usarlo gratis, tampoco nada y nadie se molesta para usar este control deslizante en sus proyectos. El control deslizante se configura fácilmente, las transiciones interesantes entre el contenido representadas y se adaptan al control deslizante que puede tener cualquier cosa, funciona con bastante rapidez, sin jambas.

    - Esto no es más que una herramienta más para crear una presentación de diapositivas en sitios y otros proyectos web. Apoyado por todos los navegadores modernos, animación horizontal y vertical, soporte de transición personalizado, interfaz API de devolución de llamada y mucho más. Puede usar cualquier elemento HTML en diapositivas, está claro y está disponible para principiantes, se extiende completamente gratis.

    Presentación de javascript para desarrollo ágil

    Implementa su presentación de diapositivas con este maravilloso complemento JQuery. Excelente herramienta personalizable, por lo que puede construir una presentación de contenido de acuerdo con sus requisitos. Para garantizar una integración más sencilla con datos externos o datos de su CMS, se utiliza el formato de datos. Esta es una nueva versión y escrito desde cero. Los desarrolladores intentaron pintar extremadamente claros e inteligiblemente todo el proceso de trabajar con sus hijos.

    - Complemento de jQuery que le permite convertir las listas sin ordenar en una presentación de diapositivas con efectos de animación atractivos. En la presentación de diapositivas, puede mostrar una lista de diapositivas, tanto utilizando números o bocetos, y utilizando los botones "anteriores" "Siguiente". El control deslizante tiene muchos tipos de animaciones iniciales, incluyendo un cubo (con varias subespecies), una tubería, una cuadra y mucho más.

    Un conjunto de herramientas de pleno derecho para organizar todo tipo de presentaciones de diversos contenidos en sus proyectos web. Los chicos burgueses intentaron la fama, incluidos en el clip, casi todo tipo de desviadores y galerías diversos que usan la magia jquery. Control deslizante de fotos, Galería de fotos, Presentación dinámica, Carrusel, Contenido Slider, Menú de pestañas y mucho más, en general, hay donde elevar nuestra fantasía irreprimible.

    Esta es una presentación de diapositivas del plugin jQuery, que se construye con simplicidad. Solo el conjunto de características más útil está empaquetado, ya que para principiantes para desarrolladores avanzados, proporcionando la capacidad de crear simples, pero al mismo tiempo, las presentaciones de diapositivas muy efectivas para los usuarios.

    - Un simple control deslizante construido en jQuery, simple en todos los aspectos, no requiriendo habilidades especiales, creo que muchos serán útiles para la implementación de la presentación de diapositivas en sus sitios. El complemento se probó en todos los navegadores modernos, incluido el freno por el yel.

    jBGallery. - Este es un tipo de widget de interfaz de usuario, escrito en JavaScript Jquery Library. Su función es mostrar una imagen grande como fondo del sitio en modo de pantalla completa, varias imágenes en forma de un control deslizante. Todos los modos de visualización tienen elementos de visualización. Según su interesante decisión, en algún lugar ni siquiera estándar.

    Es fácil usar el complemento JQuery para mostrar sus fotos en forma de una presentación de diapositivas con efectos de transición entre imágenes (visibles y más interesantes). JqFancyTransitions Compatible y aprobó un control completo con Safari 2 +, Internet Explorer 6 +, Firefox 2 +, Google Chrome 3 +, Opera 9 +.

    - Este es un complemento JQuery distribuidado gratuito para ver imágenes y otra información en forma de "lightbox". Una ventana emergente con elementos de control, fondo sombreado y todo eso, simple y de buen gusto.

    Otro plugin jquery de la serie de la caja de luz, realmente pesa a la desgracia de solo 9 kb, mientras que tiene un montón de oportunidades para el trabajo. Hay una interfaz diseñada decentemente que siempre puede mejorar o configurar usando CSS.

    Ya desde el nombre, queda claro que nada complicado, somos absolutamente simples desplazamientos automáticos de imágenes, con controles completamente faltantes. Cómo saber, puede ser con su minimalismo, este control deslizante atraerá su atención.

    Imágenes del rotador con varios tipos de transiciones. Funciona tanto en modo y clics automáticos, configurados con bastante facilidad.

    - Una galería de imágenes de pleno derecho que solo un deslizador. Vista previa Miniaturas y la capacidad de seleccionar efectos de transición, soporte completo por todos los navegadores, una descripción detallada de la integración en un proyecto web y una distribución gratuita.

    Esta es la implementación de espectáculos de diapositivas listos para usar usando Scriptaculous / Prototype o JQery. Horinaja es un tipo de solución innovadora, ya que permite el uso de la rueda para desplazarse por el contenido ubicado en el control deslizante. Cuando el puntero del mouse está fuera del área de la presentación de diapositivas, la ducha se muestra automáticamente cuando se coloca el puntero en la presentación de diapositivas, el desplazamiento se detiene.

    Sin embargo, el chip de una serie de scrollingrs de imágenes simples, con la presencia de controles de visualización, funciona en consecuencia en los modos automáticos y manuales.

    s3slider. - JQUERY Plugin, crea una presentación de diapositivas de una lista de imágenes desordenada y se puede implementar fácilmente en cualquier sitio web.

    Este es un plugin jQuery que está optimizado para procesar fotos grandes de fotos mientras se mantiene el ancho de banda.

    Fondo de Las Vegas.

    Fondo de VEGAS El plugin jquery le permite agregar hermosas imágenes de fondo de pantalla completa en las páginas web, todo esto con elementos de presentación de diapositivas. Si estudia cuidadosamente las sutilezas con el complemento, puede encontrar muchas decisiones interesantes, por supuesto, si solo lo necesite.

    - Slider como deslizador, ya no menos, con firmas a imágenes o anuncios de artículos y un simple control, método "TYKA".

    - Es un javascript fácil (aproximadamente 5 kb) para organizar la visualización de la imagen. Cambio de tamaño y escalamiento automático de imágenes grandes, le permite ver una imagen en su totalidad dentro de la ventana del navegador

    Disponible 4 Versión de Pikachoose JQuery Image Gallery! ¡Pikachoose es una película de jQuery fácil, con grandes oportunidades! Integración con FancyBox, excelentes temas de diseño (realmente no gratis) y mucho más ofrecer su atención a los desarrolladores del complemento.

    Comprueba el número de imágenes en su lista y crea dinámicamente un conjunto de enlaces a fotos en forma de navegación digital. Además, al hacer clic en cada imagen se transmitirá hacia adelante o hacia atrás, así como las imágenes que varían, dependiendo del área del cliquel en la imagen (por ejemplo: haciendo clic en el lado izquierdo de la figura, moverá las diapositivas de un lado a otro. en consecuencia para el lado derecho de la imagen).

    Otro deslizador en jquery, que perfectamente encaja en una plantilla de WordPress.

    Otro desarrollo "Nivo", ya que todos los chicos hacen desde este estudio, el complemento se realiza cualitativamente, contiene 16 efectos de transición únicos, navegando por el teclado y mucho más. Esta versión incluye un complemento dedicado directamente para WordPress. Así que todos los admiradores de este motor para blogs, Nivo Slider estarán en el tema.

    el plugin de jquery que le permite crear rápidamente un control deslizante simple, eficiente y hermoso para imágenes de cualquier tamaño.

    Pirobox.- Es una secuencia de comandos de "Lublic" de jquery ligero, la visualización se realiza en el bloque emergente, ajustado automáticamente para el tamaño de la imagen, con todos los elementos de control.

    Bastante la foto original de las imágenes ofrece a los creadores de esta galería. Las imágenes se muestran por miniaturas en forma de una onda, cuando se presionan en el boceto, veremos la versión de la imagen de tamaño medio, haga clic en la segunda vez y la imagen grande será usted. Puedes leerlo por un experimento, pero estás de acuerdo, siempre es interesante que algo nuevo, inusual.

    Modo de presentación de pantalla completa con HTML5 y JQERY

    Para crear una presentación de diapositivas y mostrar dibujos en el modo de pantalla completa, los desarrolladores han utilizado el complemento ya familiar de Vegas Jquery, que recopiló muchas ideas y técnicas, previamente descritos en los artículos del Grupo. Atrae elementos de audio HTML5 y estilo de transición entre imágenes.

    El próximo desarrollo del equipo de CODROPS, una galería de imágenes completa y funcional, es un sentido para describir, debe ser visto.

    Imágenes de diapositivas, imágenes desaparecen directamente ante sus ojos, el efecto es simplemente maravilloso.

    Es JavaScript Framework Galería de imágenes creadas basadas en la biblioteca de jquery. El objetivo es simplificar el proceso de desarrollar una galería de imágenes profesionales para dispositivos web y móviles. Es posible ver en la ventana emergente y en el modo de pantalla completamente en pantalla.

    En silencio, comenzamos a acostumbrarse y esperar a las nuevas obras del comando CODROPS. Por favor, obtenga un control deslizante de imagen excelente con un magnífico efecto de transición 3D para ver las imágenes en modo de pantalla completa.

    Otro complemento para WordPress de la serie de organizadores de presentación de diapositivas. Se integra fácilmente en casi cualquier diseño y ofrece muchas configuraciones para usuarios experimentados, y para no haber experimentado también.

    Otro complemento escrito en WordPress será mucho más fácil de organizar una presentación de imágenes de imágenes o cualquier otro contenido en sus blogs.

    No es mal complemento de diapositivas para la integración en WordPress. La presentación de Xili-Foom Slides se instala automáticamente, así como la configuración personal.

    Slimbox2 Es un complemento de WordPress bien probado para mostrar imágenes con el efecto "lightbox". Admite una presentación automática de diapositivas y cambio de tamaño de imágenes en la ventana del navegador. Y en general, este complemento tiene muchas ventajas sobre otros complementos de esta serie.

    Este complemento, el widget le permite crear presentaciones y presentaciones dinámicas, administradas y presentaciones para su sitio web o blog que trabajan en el motor WordPress.

    Este complemento de WordPress se convierte incrustado en la galería de imágenes a una presentación de diapositivas simple y flexible. El complemento utiliza el control deslizante de imágenes de Flexlider JQuery y la configuración de usuario personal.

    - Este es un complemento de WordPress para organizar una foto de presentación de diapositivas, imágenes de Smugmug, Flickr, MobileMe, Picasa o Fotobucket RSS Channel, funciona y se muestran utilizando JavaScript puro.

    Simple dicho deslizador para WordPress y no solo. Nada extra y engorroso, el trabajo se hace en el estilo de minimalismo, el énfasis es de estabilidad y velocidad, se conecta notablemente al motor de gestión del blog.

    En mi opinión, Skitter es uno de los mejores deslizadores que soportan WordPress. Atrae la estabilidad y la velocidad, no los controles demasiado distinguidos, los efectos de transición y una conexión bastante simple con el tema.

    - Plugin para WordPress, con el que se organiza fácil y rápidamente en su sitio web, la galería de imágenes con la capacidad de ver en el modo de presentación de diapositivas. El espectáculo puede ser automático y completamente controlado con una demostración de miniaturas y firmas a las imágenes.

    De.syt. | Manifestación.

    Muestra todas las imágenes a la entrada / página como una presentación de diapositivas. Instalación simple. Este plugin requiere Adobe Flash para la versión con la animación de transiciones si Flash no se encuentra el control deslizante funciona como de costumbre.

    Otro control deslizante más simple para WordPress, muestra imágenes a registros y breves anuncios de artículos. De vez en cuando uso un complemento de este tipo en este blog.

    Toboganes de meteoritos: el control deslizante de WordPress en JQery, tiene más de veinte estilos de transición para elegir. El autor llamado el complemento "Meteor", probablemente, lo que implica la velocidad del trabajo, quizás meteorito, no noté nada.

    oqey Gallery es una galería completa de imágenes con elementos de una presentación de diapositivas para WordPress, con las capacidades de video y música incrustados.

    Es una presentación de diapositivas con elementos de animación Flash para ver imágenes y videos en sitios web y blogs. Puede colocar este control deslizante a cualquier sitio web, cosas en cualquier tamaño y con cualquier contenido que le guste.

    Flash Gallery Plugin convierte sus galerías habituales en paredes impresionantes de imágenes, con soporte para múltiples álbumes por correo, visualización de pantalla completa y modo de presentación de diapositivas.

    WOW Slider es un control deslizante de imagen jQuery para WordPress con maravillosos efectos visuales (explosión, mosca, persianas, cuadrados, fragmentos, básicos, atenuación, pila, pila vertical y lineal) y patrones ejecutados profesionalmente.

    El control deslizante de promoción es un plugin jQuery, con el que es fácil usar una simple presentación de diapositivas, o hacer varias zonas de anuncios giratorios en la página, ya que es una herramienta altamente personalizable, tendrá control total sobre lo que muestra en el control deslizante y sobre la operación del módulo en general.

    | Manifestación.

    Nuevo en la versión 2.4: Apoye la foto de clasificación Drag-N-GOT directamente a través del Editor de WordPress, así como la capacidad de agregar un enlace de fotos a las imágenes principales. (IE8 puede tener errores, en todos los principales navegadores funcionan perfectamente. Los autores prometen apoyo total para IE8 en el futuro).

    | Manifestación.

    El acorde final de esta revisión será este complemento para WordPress, el siguiente control deslizante con interesantes efectos de selección visual y un turno de imagen.

    Miro todo lo anterior y Diva que doy, es necesario qué vuelo de fantasía en humanos en humanos, y esto no es todo lo que los desarrolladores de la web misceláneos han tenido recientemente sobre el tema de la organización de imágenes en proyectos web. Es genial que ahora se ha hecho posible realizar soluciones tan maravillosas para la creación de galerías y presentaciones de diapositivas.
    Me atrevo a esperar tranquilamente que en esta selección encontrarás algo interesante para ti mismo, haces tu propia galería única o un deslizador, para alegrar a tus usuarios, y, por supuesto, tu amada tranquilidad, y donde sin él ...

    Hoy en día, el diseño receptivo se ha convertido en la opción número uno para diseñadores y desarrolladores, ya que más y más personas quieren que sus sitios web se ejecuten en dispositivos inteligentes. El diseño receptivo atrae la atención del usuario móvil y ayuda a los que llevan su negocio a otros clientes potenciales y ventas que llevan su negocio a otro nivel.

    Hoy en día, puede crear un diseño sensible para casi todo, como menú, cuadrícula, columna e incluso imágenes e imágenes. Si desea mostrar el contenido de su sitio web, las imágenes y los videos en un estilo de galería responsivo, entonces lo siguiente galería de imágenes jQuery Plugins Podría ayudarlo con él.

    Este artículo incluye algunos de los Los mejores complementos de la galería de imágenes de jquery respondidaslo que no solo le permitirá crear galerías de imágenes receptivas para sus sitios web, sino que también mostrarlos en elegantes estilos para que su sitio web sea impresionante y visualmente impresionante.

    A continuación se muestra la lista de Los mejores complementos de la galería de imágenes de jquery receptivos que vale la pena considerar en 2016.

    Bootstrap Photo Gallery es un complemento de jQuery simple que creará una galería de fotos de respuesta basada en Bootstrap para sus imágenes.
    Este plugin admite altura variable para las imágenes y los subtítulos. También se incluye una casilla "modal" opcional con "Siguiente" y "anterior".
    Demo y descarga.

    2. JK Responsive YouTube y Galería de imágenes


    Es una galería moderna de estilo lightbox para mostrar imágenes y videos de YouTube en su sitio. La interfaz de la galería es totalmente sensible y funciona bellamente en todos los dispositivos grandes o pequeños.
    Demo y descarga.

    3. FABA.


    Faba es responsable de los álbumes de Facebook y las fotos Galería Galería Jquery Plugin que cargará todos los álbumes y las fotos de la página de Facebook seleccionada.

    Hay alrededor de 90 opciones que puede editar y puede personalizar casi todo: animaciones, flores de efectos, cada parte de las animaciones de flores, los mensajes de texto, los comportamientos y muchos más. Puede integrar hermosos álbumes en su proyecto o página web.


    XGallerify es un complemento de galería liviano y sensible que le permite crear hermosas galerías de imágenes para sus sitios web. Este plugin es liviano. (3kb de tamaño de archivo), Fácil de usar y viene con número de opciones y estilos personalizables.
    Demo y descarga.


    Elemento de Instagram es un complemento de Instagram premium para bloggers, Foticopégramas, modelos y cualquier persona que busca aumentar su información en Instagram.
    Este complemento está plenamente sensible y le permite administrar fácilmente más de 50 opciones y le permite mostrar sus fotos bellamente en cualquier dispositivo.


    SnapGallery es un simple complemento de jquery que convierte una lista fea de imágenes de diferentes tamaños en una galería hermosa y personalizable con una línea de JavaScript.

    ¡Es completamente sensible, personalizable y le permite seleccionar la espectáculo entre las imágenes, el ancho mínimo permitido antes del apilamiento y el número máximo de columnas, con más opciones en el camino!
    Demo y descarga.


    Galería de Eagle Esta es una galería moderna con la funcionalidad de zoom de imagen. Para administrar la galería puede usar gestos o botones de control. Esta es una galería totalmente sensible que tiene la pantalla táctil de soporte y se creó para dispositivos móviles, computadoras portátiles y escritorios.

    Con esta galería, puede crear fácilmente una galería de productos en su tienda de Internet para ver la vista detallada y personalizarlo con la ayuda de las opciones.


    La Galería Unite es la Galería de Javascript Multiusos basada en JQuery Library. Está construido con un montón de acento de facilidad de uso y personalización. Es muy fácil personalizar la galería, cambiando su piel a través de CSS, e incluso escribiendo su propio tema. Sin embargo, esta galería es muy poderosa, rápida y tiene la mayor parte de hoy en día, se les gusta que la capacidad de respuesta, el toque habilitado e incluso la función de zoom, es un efecto único.
    Demo y descarga.


    JQuery LightGallery es una galería de caja ligera de jQuery para mostrar imagen y galería de video.

    LightGallery admite la navegación táctil y desliza en dispositivos de pantalla táctil, así como el arrastre del mouse para los escritorios. Esto permite a los usuarios navegar entre las diapositivas, ya sea arrastre de deslizamiento o ratón.

    LightGallery viene con un número de opciones numerosas, que le permiten personalizar el complemento con mucha facilidad. Puede personalizar fácilmente la apariencia de la galería al actualizar las variables de SASS.
    Demo y descarga.


    Este es otro gran complemento de Galería de imágenes JQuery que le permite crear una galería de diseño de cuadrícula para sus imágenes y videos. Estos complementos son totalmente sensibles y agrupados con el número de características como el intercambio social, el desplazamiento infinito, las animaciones CSS3, los filtros y mucho más.


    Blueimp Gallery es una Galería de imágenes y videos personalizables, respondientes y personalizables, carrusel y caja de luz, optimizados para navegadores web móviles y de escritorio.

    Cuenta con deslizar, ratón y. Navegación del teclado, efectos de transición, funcionalidad de presentación de diapositivas, soporte de pantalla completa y carga de contenido a pedido y se puede extender para mostrar tipos de contenido adicionales.
    Demo y descarga.


    NanoGallery es una galería de imágenes habilitada y receptiva táctil con diseño justificado, en cascada y cuadrícula. Es compatible con imágenes anfitrionas y tirando de los álbumes de fotos de Flickr, Picasa, Google+ y Smugmug.

    Con la navegación de varios niveles en álbumes, efectos combinables de flores en miniaturas, tamaños de miniaturas sensibles, diseños múltiples, presentación de diapositivas, pantalla completa, paginación, carga de imagen perezosa y mucho más.
    Demo y descarga.


    FlipGallery es una galería de fotos de jquery gratuita con transiciones de volteo elegantes entre miniaturas y ampliaciones de la caja de luz. Otras características incluyen la transmisión de imágenes dinámicas, la paginación automática, el recorte automático y la superposición de imágenes transparentes.

    Este plugin también tiene una versión premium que viene con pocas características ingeniosas y ciertamente incluye la capacidad de respuesta.
    Demo y descarga.


    Fancy Gallery es un complemento de Galería de imágenes de jquery que le permite mostrar sus imágenes y videos en estilo de fantasía. Estos complementos tienen muchas opciones de personalización y puede agregar álbumes, videos, imágenes y mucho más ilimitados.

    El complemento viene con diferentes efectos de flores para las miniaturas y títulos, que también se pueden ajustar. Puede elegir entre 7 temas de color predefinidos o simplemente cree su propio tema de color fácilmente.


    Galería equilibrada es un complemento de jQuery que distribuye uniformemente fotos a través de filas o columnas, aprovechando al máximo el espacio provisto. Las fotos se escalan en función del tamaño del elemento 'contenedor' de forma predeterminada, lo que hace que la galería equilibrada sea una buena opción para los sitios web sensibles.
    Demo y descarga.

    16. s Galería.


    S Galería hace uso de la API de pantalla completa de HTML5, y se basa en gran medida en la bondad de las animaciones CSS3 y las transformadas CSS3, por lo que funcionará solo en los navegadores que respalden estas características.
    Demo y descarga.

    17. Galería de Responsive Grid Ultimate


    Este es un HTML | CSS | JQUERY RID Cuando se conecte a la capa para abrir la caja de luz, cargará la imagen normal, puede especificar el texto para los subtítulos y para la caja de luz. Además, no tiene que cargar todas las imágenes a la vez (para fines de rendimiento) para que pueda especificar el número de imágenes para cargar cuando se cargue primero y el número de imágenes que se cargue cuando hace clic en el botón "Cargar la cepa".


    La galería de miniaturas sensibles es un complemento de jQuery para crear galerías de imágenes que escalan para adaptarse a su contenedor.
    Demo y descarga.


    Superbox es un complemento de jQuery que lleva toda la 'imagen' y 'lightbox' un paso más allá, reduciendo la dependencia de la carga de JavaScript y la imagen para hacer una caja de iluminación. Uso de los atributos de datos HTML5- *, diseños sensibles y jQuery.

    Superbox funciona maravillas como una galería de imágenes estática, que puede hacer clic para revelar una versión completa de la imagen.
    Demo y descarga.


    La última galería de miniaturas es totalmente sensible, la galería de imágenes, el complemento viene en dos tipos de diseño (cuadrícula y línea, vertical y horizontal), con Scroll (JScrollPlane), Witton Navigation. Los cuadros de miniaturas admiten cualquier elemento HTML dentro de ellos.

    En nuestra colección de scripts, puede encontrar complementos pequeños, pero muy útiles y funcionales para su sitio. Volviendo a los medios jQuery.Galería.Fácil de organizar una galería de fotos digital con un diseño agradable, con la posibilidad de desplazarse, escalar, ver miniaturas y con muchos otros características útiles. Hay soluciones estrictas para sitios profesionales y brillantes, con animación y otros efectos especiales, para proyectos de entretenimiento.

    Con fondos imágenes de jQuery Puede ver, sin recargar la página y sin aumentar el flujo de tráfico. Los complementos representados le permiten optimizar la carga de imágenes en tiempo real, para presentar la galería en una forma conveniente y agradable para el usuario. Debido a la comodidad de la configuración y muchas soluciones disponibles, su propia jQuery-Galería de fotos Tal vez ahora vea exactamente la forma en que lo desea. Los scripts presentados se prueban en diferentes plataformas y son una excelente compatibilidad.