{"id":3755,"date":"2024-05-03T06:30:23","date_gmt":"2024-05-03T06:30:23","guid":{"rendered":"https:\/\/elfsight.com\/pt\/?page_id=3755"},"modified":"2024-11-13T11:40:38","modified_gmt":"2024-11-13T11:40:38","slug":"jquery","status":"publish","type":"page","link":"https:\/\/elfsight.com\/pt\/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>Descri\u00e7\u00e3o<\/h2> <p> Antes e Depois do Slider da Elfsight permitir\u00e1 que voc\u00ea crie imagens de vendas incr\u00edveis para o seu site. Os clientes poder\u00e3o explorar todas as mudan\u00e7as que seus produtos ou servi\u00e7os introduzem. Basta fazer upload das imagens de antes e depois para o controle deslizante Antes e Depois para jQuery e elas ser\u00e3o mostradas com uma divis\u00f3ria que pode ser movida para detectar a mudan\u00e7a. Voc\u00ea pode criar slides ilimitados, cada um com sua pr\u00f3pria legenda. A orienta\u00e7\u00e3o do divisor oferece duas op\u00e7\u00f5es: horizontal ou vertical, e voc\u00ea pode selecionar a propor\u00e7\u00e3o de imagem mais adequada. Seus visitantes certamente comprar\u00e3o, quando descobrirem a real efic\u00e1cia | das suas ofertas! <\/p> <p><b>Inserir antes de &amp; ap\u00f3s o controle deslizante para atingir seus desafios de neg\u00f3cios mais rapidamente! <\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>Veja a lista dos recursos mais valiosos: <\/h2> <ul><li>Adicione qualquer n\u00famero de conjuntos Antes e Depois de imagens<\/li> <li>Adicione legendas com formata\u00e7\u00e3o de texto a cada imagem<\/li><li>Dois layouts: Lista e Carrossel<\/li><li>Orienta\u00e7\u00e3o horizontal ou vertical da divis\u00f3ria<\/li><li>Clicar e arrastar ou simplesmente passar o mouse para mover o divisor<\/li><li>Deslizar nas telas sens\u00edveis ao toque<\/li><\/ul><p><a href=\"#demo\">Voc\u00ea pode explorar se o widget \u00e9 para voc\u00ea com a ajuda da demonstra\u00e7\u00e3o<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>Como adicionar o Comparison Slider no meu site jQuery? <\/h2> <p>Basta seguir as etapas descritas abaixo para ativar o widget. <\/p> <ol><li><b>Abra nosso editor gratuito e comece a criar seu plugin personalizado. <\/b><br> Especifique o layout preferido e as caracter\u00edsticas funcionais do widget e aplique as modifica\u00e7\u00f5es. <\/li> <li><b>Adquira o c\u00f3digo exclusivo que aparece na caixa dos aplicativos Elfsight<\/b><br> Logo ap\u00f3s a conclus\u00e3o do estabelecimento do seu plugin, copie o c\u00f3digo pessoal na janela que aparece e salve-o para ocasi\u00e3o posterior. <\/li> <li><b>Inicie a utiliza\u00e7\u00e3o da ferramenta em seu site jQuery<\/b><br> Integre o c\u00f3digo salvo anteriormente em seu site e aplique as corre\u00e7\u00f5es. <\/li> <li><b>Conclu\u00eddo! A integra\u00e7\u00e3o \u00e9 totalmente realizada<\/b><br> Acesse sua p\u00e1gina web para examinar o funcionamento do plugin. <\/li><\/ol> <p>Se voc\u00ea tiver d\u00favidas ou encontrar alguns obst\u00e1culos, n\u00e3o hesite em se inscrever para nossa equipe de suporte. Nosso pessoal ficar\u00e1 animado para resolver todos os problemas que voc\u00ea possa ter no 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\">Como posso incorporar um controle deslizante Antes e Depois em meu site jQuery?<\/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>A base do ferramenta \u00e9 realizada dentro do servi\u00e7o Elfsight e voc\u00ea n\u00e3o precisa aprender a codificar. Use a demonstra\u00e7\u00e3o ativa para moldar sua ferramenta, adquirir o c\u00f3digo e integr\u00e1-lo ao seu 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\">Os melhores exemplos de uso de integra\u00e7\u00e3o de compara\u00e7\u00e3o de imagens<\/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>Forneceremos muitas oportunidades de ajuste: widgets em escala real para incorporar no se\u00e7\u00e3o de conte\u00fado, plug-ins flutuantes para recurso de rolagem, layouts de rodap\u00e9, cabe\u00e7alho e todos os tipos de possibilidades verticais para barras laterais e 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\">Existe uma op\u00e7\u00e3o para criar uma compara\u00e7\u00e3o de produtos ou lista de trabalhos atrav\u00e9s da ag\u00eancia do seu 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>Voc\u00ea est\u00e1 convidado a construir qualquer modifica\u00e7\u00f5es do widget. Existem muitos layouts aplic\u00e1veis \u200b\u200bno editor e todos eles podem ser facilmente personalizados conforme sua necessidade. <\/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":1019,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-platform.php","meta":{"footnotes":""},"class_list":["post-3755","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Controle deslizante de imagem antes e depois responsivo para site jQuery<\/title>\n<meta name=\"description\" content=\"Configure o widget Antes e Depois do Slider em seu site jQuery. Confira a demonstra\u00e7\u00e3o totalmente funcional da Elfsight e crie seu plugin personalizado em apenas 2 cliques.\" \/>\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\/pt\/before-and-after-slider-widget\/jquery\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Controle deslizante de imagem antes e depois responsivo para site jQuery\" \/>\n<meta property=\"og:description\" content=\"Configure o widget Antes e Depois do Slider em seu site jQuery. Confira a demonstra\u00e7\u00e3o totalmente funcional da Elfsight e crie seu plugin personalizado em apenas 2 cliques.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PT\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-13T11:40:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Controle deslizante de imagem antes e depois responsivo para site jQuery","description":"Configure o widget Antes e Depois do Slider em seu site jQuery. Confira a demonstra\u00e7\u00e3o totalmente funcional da Elfsight e crie seu plugin personalizado em apenas 2 cliques.","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\/pt\/before-and-after-slider-widget\/jquery\/","og_locale":"pt_PT","og_type":"article","og_title":"Controle deslizante de imagem antes e depois responsivo para site jQuery","og_description":"Configure o widget Antes e Depois do Slider em seu site jQuery. Confira a demonstra\u00e7\u00e3o totalmente funcional da Elfsight e crie seu plugin personalizado em apenas 2 cliques.","og_url":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/jquery\/","og_site_name":"Elfsight PT","article_modified_time":"2024-11-13T11:40:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/jquery\/","url":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/jquery\/","name":"Controle deslizante de imagem antes e depois responsivo para site jQuery","isPartOf":{"@id":"https:\/\/elfsight.com\/pt\/#website"},"datePublished":"2024-05-03T06:30:23+00:00","dateModified":"2024-11-13T11:40:38+00:00","description":"Configure o widget Antes e Depois do Slider em seu site jQuery. Confira a demonstra\u00e7\u00e3o totalmente funcional da Elfsight e crie seu plugin personalizado em apenas 2 cliques.","breadcrumb":{"@id":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/jquery\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Before and After Slider","item":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/"},{"@type":"ListItem","position":3,"name":"Before and After Slider &#8211; jQuery"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/pt\/#website","url":"https:\/\/elfsight.com\/pt\/","name":"Elfsight PT","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"1018","h1":"Controle deslizante antes e depois para jQuery","h1_caption":"Mostre como seus produtos e servi\u00e7os realmente funcionam e aumente o n\u00edvel de vendas","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","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":"Crie seu plugin Antes e Depois Slider","demo_caption":"Configure seu controle deslizante Antes e Depois e adicione-o ao seu site jQuery gratuitamente!","default_faq_hidden":"","app_template_category":[],"platform":"55","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":[],"video_schema_markup":"","price":"a partir de US$ 0\/m\u00eas","trial":"","benefits":[{"text":"Assist\u00eancia de instala\u00e7\u00e3o gratuita"},{"text":"Atendimento ao cliente profissional"},{"text":"Garantia de reembolso de 14 dias"},{"text":"Atualiza\u00e7\u00f5es gratuitas vital\u00edcias"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Instala\u00e7\u00f5es","content":"10,000 - 100,000","_state":"expanded"},{"name":"Responsivo","content":"Sim","_state":"expanded"},{"name":"Navegadores compat\u00edveis","content":"Firefox, Safari, Opera, Chrome, Edge"}],"tags":[],"tags_disable_links":"0","hide_more_platforms":"","video_object":"","demo_hide_cta":"0","demo_hide_cloud_options":"0","pricing_title":"","pricing":[{"pricing_icon":"platform","pricing_title":"Elfsight Apps","pricing_title_caption":"Software multiplataforma adequado para qualquer site","pricing_price":"a partir de US$ 0\/m\u00eas","pricing_price_caption":"comece com um plano gratuito","pricing_benefits":[{"text":"Dom\u00ednios ilimitados"},{"text":"Suporte 24 horas por dia, 7 dias por semana"},{"text":"Suporte 24 horas por dia, 7 dias por semana"},{"text":"Totalmente personaliz\u00e1vel"}],"pricing_button_text":"Adicionar ao site","pricing_button_url":"#demo","_state":"expanded"}],"related_apps_title":"","related_apps_hidden":"1"},"_links":{"self":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/3755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/comments?post=3755"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/3755\/revisions"}],"predecessor-version":[{"id":11656,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/3755\/revisions\/11656"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/1019"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/media?parent=3755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}