Title: Modern Comparison Slider Author: kylewetton Published: 18 de abril de 2020 Last modified: 11 de junio de 2020 --- Buscar plugins ![](https://ps.w.org/modern-comparison-slider/assets/banner-772x250.png?rev=2286182) Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**. Puede que ya no tenga asistencia ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress. ![](https://ps.w.org/modern-comparison-slider/assets/icon.svg?rev=2286182) # Modern Comparison Slider Por [kylewetton](https://profiles.wordpress.org/kylewetton/) [Descargar](https://downloads.wordpress.org/plugin/modern-comparison-slider.1.1.0.zip) * [Detalles](https://es-ar.wordpress.org/plugins/modern-comparison-slider/#description) * [Valoraciones](https://es-ar.wordpress.org/plugins/modern-comparison-slider/#reviews) * [Instalación](https://es-ar.wordpress.org/plugins/modern-comparison-slider/#installation) * [Desarrollo](https://es-ar.wordpress.org/plugins/modern-comparison-slider/#developers) [Soporte](https://wordpress.org/support/plugin/modern-comparison-slider/) ## Descripción A modern, easy-to-use comparison slider. Compare before and after images, for grading, CGI and other retouching comparisons. Easily convert two images into a comparison slider to show your work, whether it’s photo grading, CGI, or any other kind of retouching. Using an intuitive tag that wraps two images, there is no other work that needs to be done to get your comparison sliders working. * Two modern theme options * Great customization including start on hover, and starting point * Mobile friendly * Lightweight * Easy-to-use! All example photos by Dane Wetton. ## Capturas [⌊Theme: Standard⌉⌊Theme: Standard⌉[ Theme: Standard [⌊Theme: Circle⌉⌊Theme: Circle⌉[ Theme: Circle [⌊An example of using the tags⌉⌊An example of using the tags⌉[ An example of using the tags [⌊An example of using the tag options⌉⌊An example of using the tag options⌉[ An example of using the tag options [⌊Global settings for all sliders⌉⌊Global settings for all sliders⌉[ Global settings for all sliders ## Instalación You can search Modern Comparsion Slider right in your WordPress plugins section, alternatively you can download and install the plugin: 1. Upload `modern-comparison-slider` to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Wrap two images of the same size with the [compare] tag ## Preguntas frecuentes ### How do I use this plugin? Place two images of the same size one after another in the editor (tip: If you’re using the new editor, make sure your block that holds these two images is set to‘ Classic’) Wrap these two images with the [compare] [/compare] tag. That’s all it needs to get working! ### How can I style the look and feel? There is a settings page found at Settings > Modern Compare Slider that will affect all sliders on the website. However, you can override a look and feel of any particular slider by using these options: To disable the drop shadow on the controls ``` [compare shadow="false"] ``` To change the color of the controls ``` [compare color="#4299e1"] ``` To change the theme ``` [compare theme="standard"] [compare theme="circle"] ``` To change the starting point, where the value is the percentage to show the before image initially. ``` [compare startingpoint="75"] ``` To start the slider on hover ``` [compare hoverstart="true"] ``` To disable smoothing ``` [compare smoothing="false"] ``` To adjust the smoothing amount, where the higher the value, the more dampening you feel ``` [compare smoothingamount="250"] ``` _You can add multiple options to a slider like so_ ``` [compare smoothing="false" color="#4299e1" theme="circle"] ``` ## Reseñas ![](https://secure.gravatar.com/avatar/551b60aad672d8a81f173501b3667bf1fe2fcffbefa01f76e2acf7cc70f5db5c? s=60&d=retro&r=g) ### 󠀁[Simple, smooth, and stylish](https://wordpress.org/support/topic/simple-smooth-and-stylish/)󠁿 [luxoperon](https://profiles.wordpress.org/luxoperon/) 1 de mayo de 2020 1 respuesta This plugin is ultra-simple to implement. The default look is aesthetically pleasing. I like that clicking anywhere in the photo will reposition the slider to that point. Performance and responsiveness are excellent, but strangely only if the smoothing feature is disabled (smoothing="false"). One gripe is that there's doesn't appear to be any option to switch the slider from vertical to horizontal (v1.0.2). [ Leer la 1 reseña ](https://wordpress.org/support/plugin/modern-comparison-slider/reviews/) ## Colaboradores y desarrolladores “Modern Comparison Slider” es un software de código abierto. Las siguientes personas han colaborado con este plugin. Colaboradores * [ kylewetton ](https://profiles.wordpress.org/kylewetton/) “Modern Comparison Slider” ha sido traducido a 1 idioma. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/modern-comparison-slider/contributors) por sus contribuciones. [Traduce “Modern Comparison Slider” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/modern-comparison-slider) ### ¿Interesado en el desarrollo? [Revisa el código](https://plugins.trac.wordpress.org/browser/modern-comparison-slider/), echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/modern-comparison-slider/), o suscríbete al [log de desarrollo](https://plugins.trac.wordpress.org/log/modern-comparison-slider/) por [RSS](https://plugins.trac.wordpress.org/log/modern-comparison-slider/?limit=100&mode=stop_on_copy&format=rss). ## Registro de cambios #### 1.1.0 * Better mobile support (disables scrolling on interaction) * Interaction persists when user leaves the scroller while mouse is down #### 1.0.2 * Accounts for WordPress automatically nesting images inside paragraph elements #### 1.0 * Initial version, stable and ready to go! ## Meta * Versión **1.0.2** * Última actualización **hace 6 años** * Instalaciones activas **100+** * Versión de WordPress ** 3.0.1 o superior ** * Testeado hasta **5.4.24** * Versión de PHP ** 5.6 o superior ** * Idiomas * [English (US)](https://wordpress.org/plugins/modern-comparison-slider/) y [French (France)](https://fr.wordpress.org/plugins/modern-comparison-slider/). * [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/modern-comparison-slider) * Etiquetas: * [after](https://es-ar.wordpress.org/plugins/tags/after/)[before](https://es-ar.wordpress.org/plugins/tags/before/) [compare](https://es-ar.wordpress.org/plugins/tags/compare/)[comparison](https://es-ar.wordpress.org/plugins/tags/comparison/) [slider](https://es-ar.wordpress.org/plugins/tags/slider/) * [Vista avanzada](https://es-ar.wordpress.org/plugins/modern-comparison-slider/advanced/) ## Valoraciones 5 de 5 estrellas. * [ 1 valoración de 5 estrellas ](https://wordpress.org/support/plugin/modern-comparison-slider/reviews/?filter=5) * [ 0 valoraciones de 4 estrellas ](https://wordpress.org/support/plugin/modern-comparison-slider/reviews/?filter=4) * [ 0 valoraciones de 3 estrellas ](https://wordpress.org/support/plugin/modern-comparison-slider/reviews/?filter=3) * [ 0 valoraciones de 2 estrellas ](https://wordpress.org/support/plugin/modern-comparison-slider/reviews/?filter=2) * [ 0 valoraciones de 1 estrellas ](https://wordpress.org/support/plugin/modern-comparison-slider/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/modern-comparison-slider/reviews/#new-post) [Ver todas las reseñas](https://wordpress.org/support/plugin/modern-comparison-slider/reviews/) ## Colaboradores * [ kylewetton ](https://profiles.wordpress.org/kylewetton/) ## Soporte ¿Tenés algo que decir? ¿Necesitás ayuda? [Ver el foro de asistencia](https://wordpress.org/support/plugin/modern-comparison-slider/)