{"id":15553,"date":"2024-05-03T06:30:23","date_gmt":"2024-05-03T06:30:23","guid":{"rendered":"https:\/\/elfsight.com\/es\/?page_id=15553"},"modified":"2024-11-12T14:36:21","modified_gmt":"2024-11-12T14:36:21","slug":"jquery","status":"publish","type":"page","link":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/jquery\/","title":{"rendered":"Before and After Slider &#8211; jQuery"},"content":{"rendered":"<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"> <h2>Description<\/h2> <p> Before and After Slider by Elfsight will allow you create amazing selling pictures for your website. Clients will be able to explore all the changes that your goods or services introduce. Simply upload before and after pictures to Before and After  Slider for jQuery and they will be shown with a divider that cam be moved to spot the change. You can create unlimited slides, every one with its own caption. The divider orientation offers two options: horizontal or vertical, and you can select the most fitting picture ratio. Your visitors will definitely buy, when they find out the actual effectiveness| of your offers!  <\/p> <p><b>Insert before &amp; after slider to achieve your business challenges quicker! <\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>View the list of the most valuable features: <\/h2> <ul><li>Add any number of Before and After sets of images<\/li> <li>Add captions with text formatting  to each picture<\/li><li>Two layouts: List and Carousel<\/li><li>Horizontal or vertical orientation of the divider<\/li><li>Clicking and dragging or simply hover to move the divider<\/li><li>Swiping on touch screens<\/li><\/ul><p><a href=\"#demo\">You can explore if the widget is for you with the help of the demo<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>How to add Comparison Slider on my jQuery website? <\/h2> <p>Just follow the following steps described below to activate the widget. <\/p> <ol><li><b>Open our free editor and start forming your custom plugin. <\/b><br> Specify the preferable layout and functional traits of the widget and apply the modifications. <\/li>  <li><b>Acquire the unique code appearing in the box on Elfsight Apps<\/b><br> Right after the establishing of your plugin is complete, copy the personal code in the appearing window and save it for later occasion. <\/li>  <li><b>Commence utilization of the tool on your jQuery website<\/b><br> Integrate the code saved before in your website and apply the corrections. <\/li>  <li><b>Done! The integration is fully performed<\/b><br> Go to your web page to examine the functioning of the plugin. <\/li><\/ol> <p>If you challenge questions or encounter some obstacles, have no hesitation to apply for our support staff. Our people will be excited to resolve all the issues you might have on the widget. <\/p> <\/div><div class=\"faq\" data-component=\"FAQ\"><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Which way do I embed a Before and After Slider to my jQuery site?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>The foundation of the tool is performed within the Elfsight service and you do not need to learn how to code. Use the active demo to shape your tool, acquire the code and integrate it into your site. <\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">The best usage examples of image comparison integration<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>We \u2019ll provide you with lots of adjustment opportunities: full-scale widgets for embedding in the content section, floating plugins for scrolling feature, layouts for the footer, header and all kinds of vertical possibilities for sidebars and menus. <\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Is there an option to create a product comparison or list of works slider through the agency of your editor?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>You are welcome to build any widget\u2019s modifications. There are many layouts applicable in the editor, and all of them can be easily personalized just as you require. <\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":608,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-platform.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Control deslizante de im\u00e1genes de antes y despu\u00e9s para el sitio web jQuery<\/title>\n<meta name=\"description\" content=\"Configure el widget deslizante Antes y Despu\u00e9s en su sitio web jQuery. Consulte la demostraci\u00f3n de Elfsight completamente funcional y cree su complemento personalizado con solo 2 clics.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/jquery\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Control deslizante de im\u00e1genes de antes y despu\u00e9s para el sitio web jQuery\" \/>\n<meta property=\"og:description\" content=\"Configure el widget deslizante Antes y Despu\u00e9s en su sitio web jQuery. Consulte la demostraci\u00f3n de Elfsight completamente funcional y cree su complemento personalizado con solo 2 clics.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight ES\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-12T14:36:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Control deslizante de im\u00e1genes de antes y despu\u00e9s para el sitio web jQuery","description":"Configure el widget deslizante Antes y Despu\u00e9s en su sitio web jQuery. Consulte la demostraci\u00f3n de Elfsight completamente funcional y cree su complemento personalizado con solo 2 clics.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/jquery\/","og_locale":"es_ES","og_type":"article","og_title":"Control deslizante de im\u00e1genes de antes y despu\u00e9s para el sitio web jQuery","og_description":"Configure el widget deslizante Antes y Despu\u00e9s en su sitio web jQuery. Consulte la demostraci\u00f3n de Elfsight completamente funcional y cree su complemento personalizado con solo 2 clics.","og_url":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/jquery\/","og_site_name":"Elfsight ES","article_modified_time":"2024-11-12T14:36:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/jquery\/","url":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/jquery\/","name":"Control deslizante de im\u00e1genes de antes y despu\u00e9s para el sitio web jQuery","isPartOf":{"@id":"https:\/\/elfsight.com\/es\/#website"},"datePublished":"2024-05-03T06:30:23+00:00","dateModified":"2024-11-12T14:36:21+00:00","description":"Configure el widget deslizante Antes y Despu\u00e9s en su sitio web jQuery. Consulte la demostraci\u00f3n de Elfsight completamente funcional y cree su complemento personalizado con solo 2 clics.","breadcrumb":{"@id":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/jquery\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/es\/"},{"@type":"ListItem","position":2,"name":"Before and After Slider","item":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/"},{"@type":"ListItem","position":3,"name":"Before and After Slider &#8211; jQuery"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/es\/#website","url":"https:\/\/elfsight.com\/es\/","name":"Elfsight ES","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"}]}},"meta_box":{"h1":"Before and After Slider for jQuery","h1_caption":"Presente comparaciones entre dos im\u00e1genes, ideales para resaltar transformaciones o mostrar los beneficios del producto en su sitio web jQuery sin esfuerzo.","category":[],"widget_request_title":"","widget_request_cta":"","application":"607","templates":[],"hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"Crea tu complemento deslizante Antes y Despu\u00e9s","demo_caption":"Configure su control deslizante Antes y Despu\u00e9s y agr\u00e9guelo a su sitio web jQuery de forma gratuita.","default_faq_hidden":"","app_template_category":[],"platform":"76","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","video_schema_markup":"","price":"desde $0 \/ mes","trial":"","benefits":[{"text":"Asistencia de instalaci\u00f3n gratuita"},{"text":"Servicio al cliente profesional"},{"text":"Garant\u00eda de reembolso de 14 d\u00edas"},{"text":"Actualizaciones gratuitas de por vida"}],"button_url":"#demo","button_target_blank":"","button_nofollow":"","attributes":[{"name":"Instalaciones","content":"10,000 - 100,000"},{"name":"Sensible","content":"S\u00ed"},{"name":"Navegadores compatibles","content":"Firefox, Safari, Opera, Chrome, Edge"}],"tags":[],"tags_disable_links":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[{"pricing_icon":"platform","pricing_title":"Elfsight Apps","pricing_title_caption":"Software multiplataforma que se adapta a cualquier sitio web","pricing_price":"desde $0 \/ mes","pricing_price_caption":"comienza con un plan gratuito","pricing_benefits":[{"text":"Dominios ilimitados"},{"text":"Soporte 24 horas al d\u00eda, 7 d\u00edas a la semana"},{"text":"Asistencia de instalaci\u00f3n gratuita"},{"text":"Totalmente personalizable"}],"pricing_button_text":"A\u00f1adir al sitio web","pricing_button_url":"#demo"}],"related_apps_title":"","related_apps_hidden":""},"_links":{"self":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15553"}],"collection":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/comments?post=15553"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15553\/revisions"}],"predecessor-version":[{"id":16547,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15553\/revisions\/16547"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/608"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/media?parent=15553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}