tag on yout theme's header.php
Read the detailed step-by-step at https://humbertosilva.com/visual-composer-infinite-image-carousel/
*/
// auxiliary code to create triggers for the add and remove class for later use
(function($){
$.each(["addClass","removeClass"],function(i,methodname){
var oldmethod = $.fn[methodname];
$.fn[methodname] = function(){
oldmethod.apply( this, arguments );
this.trigger(methodname+"change");
return this;
}
});
})(jQuery);
// main function for the infinite loop
function vc_custominfiniteloop_init(vc_cil_element_id){
var vc_element = '#' + vc_cil_element_id; // because we're using this more than once let's create a variable for it
window.maxItens = jQuery(vc_element).data('per-view'); // max visible items defined
window.addedItens = 0; // auxiliary counter for added itens to the end
// go to slides and duplicate them to the end to fill space
jQuery(vc_element).find('.vc_carousel-slideline-inner').find('.vc_item').each(function(){
// we only need to duplicate the first visible images
if (window.addedItens < window.maxItens) {
if (window.addedItens == 0 ) {
// the fisrt added slide will need a trigger so we know it ended and make it "restart" without animation
jQuery(this).clone().addClass('vc_custominfiniteloop_restart').removeClass('vc_active').appendTo(jQuery(this).parent());
} else {
jQuery(this).clone().removeClass('vc_active').appendTo(jQuery(this).parent());
}
window.addedItens++;
}
});
// add the trigger so we know when to "restart" the animation without the knowing about it
jQuery('.vc_custominfiniteloop_restart').bind('addClasschange', null, function(){
// navigate to the carousel element , I know, its ugly ...
var vc_carousel = jQuery(this).parent().parent().parent().parent();
// first we temporarily change the animation speed to zero
jQuery(vc_carousel).data('vc.carousel').transition_speed = 0;
// make the slider go to the first slide without animation and because the fist set of images shown
// are the same that are being shown now the slider is now "restarted" without that being visible
jQuery(vc_carousel).data('vc.carousel').to(0);
// allow the carousel to go to the first image and restore the original speed
setTimeout("vc_cil_restore_transition_speed('"+jQuery(vc_carousel).prop('id')+"')",100);
});
}
// restore original speed setting of vc_carousel
function vc_cil_restore_transition_speed(element_id){
// after inspecting the original source code the value of 600 is defined there so we put back the original here
jQuery('#' + element_id).data('vc.carousel').transition_speed = 600;
}
// init
jQuery(document).ready(function(){
// find all vc_carousel with the defined class and turn them into infine loop
jQuery('.vc_custominfiniteloop').find('div[data-ride="vc_carousel"]').each(function(){
// allow time for the slider to be built on the page
// because the slider is "long" we can wait a bit before adding images and events needed
var vc_cil_element = jQuery(this).prop("id");
if (window.innerWidth <= 480) {
// jQuery(vc_element).attr('data-per-view',1);
jQuery('.vc_item').each(function(){
this.style.width = '25%'
this.style.height = 'auto'
})
} else {
setTimeout("vc_custominfiniteloop_init('"+vc_cil_element+"')",2000);
}
});
});
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TZHJ474');
var interval1 = setInterval(function(){
//console.log('ou no interval');
jQuery('.box-news .vc_gitem-zone-a').each(function() {
if((!jQuery(this).css('background-image').includes('vc_gitem_image'))) {
jQuery(this).css('background-image','none')
}
})
jQuery('.box-news .vc_gitem-zone-a a').each(function() {
jQuery(this).attr('data-hover','Leia mais')
})
}, 1000);
setTimeout(function() {
clearInterval(interval1);
},5000);
@font-face {
font-family: "FontAwesome";
src: url("/local/fonts/fa-brands-400.eot"),
url("/local/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
url("/local/fonts/fa-brands-400.woff2") format("woff2"),
url("/local/fonts/fa-brands-400.woff") format("woff"),
url("/local/fonts/fa-brands-400.ttf") format("truetype"),
url("/local/fonts/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
font-family: "FontAwesome";
src: url("/local/fonts/fa-solid-900.eot"),
url("/local/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
url("/local/fonts/fa-solid-900.woff2") format("woff2"),
url("/local/fonts/fa-solid-900.woff") format("woff"),
url("/local/fonts/fa-solid-900.ttf") format("truetype"),
url("/local/fonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
font-family: "FontAwesome";
src: url("/local/fonts/fa-regular-400.eot"),
url("/local/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
url("/local/fonts/fa-regular-400.woff2") format("woff2"),
url("/local/fonts/fa-regular-400.woff") format("woff"),
url("/local/fonts/fa-regular-400.ttf") format("truetype"),
url("/local/fonts/fa-regular-400.svg#fontawesome") format("svg");
unicode-range: U+F004-F005,U+F007,U+F017,U+F022,U+F024,U+F02E,U+F03E,U+F044,U+F057-F059,U+F06E,U+F070,U+F075,U+F07B-F07C,U+F080,U+F086,U+F089,U+F094,U+F09D,U+F0A0,U+F0A4-F0A7,U+F0C5,U+F0C7-F0C8,U+F0E0,U+F0EB,U+F0F3,U+F0F8,U+F0FE,U+F111,U+F118-F11A,U+F11C,U+F133,U+F144,U+F146,U+F14A,U+F14D-F14E,U+F150-F152,U+F15B-F15C,U+F164-F165,U+F185-F186,U+F191-F192,U+F1AD,U+F1C1-F1C9,U+F1CD,U+F1D8,U+F1E3,U+F1EA,U+F1F6,U+F1F9,U+F20A,U+F247-F249,U+F24D,U+F254-F25B,U+F25D,U+F267,U+F271-F274,U+F279,U+F28B,U+F28D,U+F2B5-F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C1-F2C2,U+F2D0,U+F2D2,U+F2DC,U+F2ED,U+F328,U+F358-F35B,U+F3A5,U+F3D1,U+F410,U+F4AD;
}
jQuery(document).ready(function(){
jQuery('.single-item').slick({
centerMode: true,
centerPadding: '60px',
slidesToShow: 5,
variableWidth: true,
autoplay: true,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 3
}
},
{
breakpoint: 520,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
}
]
});
});
.single-item img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.single-item img:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
422n14
Para celebrar as Unidades de Conservação, Imazon integra campanha “Um Dia no Parque” 2s2f2z
Projeto busca conectar pessoas com a natureza em áreas protegidas e ocorrerá dia 18 de julho com programação virtual ível a todos os públicos s1g1y
Parque Estadual de Monte Alegre (PEMA) – Foto: Fabíola Tuma/Arquivo pessoal
Faltam 30 dias para o início do maior evento de mobilização pelas Unidades de Conservação no Brasil, que tem um propósito legítimo: despertar a consciência ambiental dos brasileiros. É a campanha “Um Dia No Parque (UDNP)”, uma iniciativa da Coalizão Pró-UCs (Pró Unidades de Conservação da Natureza), que promove anualmente atividades especiais de contato com a natureza em áreas protegidas de todo o país. O Instituto do Homem e Meio Ambiente da Amazônia (Imazon) integra a ação desde 2019 e este ano participa novamente do engajamento em prol das UCs.
A programação será realizada no dia 18 de julho, mesma data em que é comemorada a instituição do Sistema Nacional de Unidades de Conservação da Natureza (SNUC), em formato on-line – diferente das últimas edições que aconteciam dentro das Unidades de Conservação, antes das restrições impostas pela pandemia de Covid-19.
“O projeto busca aproximar pessoas desses espaços de conservação, que muitas vezes estão próximos de casa, sem precisar ir tão longe para buscar uma conexão com a natureza. A proposta é incentivar as pessoas a frequentar esses lugares, gerando valorização e a compreensão do quanto é importante conservar o patrimônio natural”, explica Angela Kuczach, diretora executiva da Rede Pró UC e idealizadora da iniciativa no Brasil.
Parque Estadual de Monte Alegre (PEMA) – Foto: Fabíola Tuma/Arquivo pessoal
As Unidades de Conservação são áreas de proteção instituídas pelo poder público com o objetivo de preservar ecossistemas naturais de grande relevância ecológica, possibilitando a realização de pesquisas científicas, o desenvolvimento de atividades de educação ambiental e atividades de turismo ecológico.
Edição de 2021 será 100% on-line
Neste ano, o objetivo do Um Dia no Parque é privilegiar histórias de vínculo com as Unidades de Conservação, incentivando o compartilhamento de depoimentos em vídeos, textos ou áudios que contem experiências de pessoas que se apaixonaram por uma determinada área ou uma história marcante que vivenciaram no parque. O público também poderá enviar depoimentos via e-mail ou postar nas redes sociais com a hashtag #umdianoparque que será utilizado para identificar as manifestações on-line.
Outra forma de participação é interagindo diretamente com o parque escolhido por meio dos eventos on-line. Cada região vai eleger um tema de interesse para expor em seus próprios meios de comunicação. Um exemplo de atividade é a discussão sobre como o clima influencia a visitação do Parque Nacional de São Joaquim, em Santa Catarina, quais seus efeitos para o ecoturismo e seus benefícios à rede hoteleira, setores de alimentação e turismo local, entre outros.
Algumas UCs também vão oferecer atividades presenciais, seguindo os protocolos de segurança. As programações destas unidades serão divulgadas ao longo dos 30 dias que antecedem o evento, no site oficial da campanha: www.umdianoparque.net.
Parque Estadual de Monte Alegre (PEMA) – Foto: Fabíola Tuma/Arquivo pessoal
Outras edições
A campanha Um Dia No Parque foi idealizada pela Rede Pró UC e inspirada no National Parks Week, um evento nacional que reúne milhões de visitantes que frequentam as áreas protegidas nos Estados Unidos e estabelecem uma relação com a natureza e a história do país.
Em 2020, mais de 150 unidades em todo o país participaram do UDNP e, desta vez, a previsão é que a mobilização e a participação de mais parques seja ainda maior. Na primeira edição, em 2018, 65 Unidades de Conservação participaram da ação e, no ano seguinte, o número quase quadruplicou, com 234 UCs de todos os biomas.
Para Angela Kuczach, a proposta a longo prazo “é criar uma cultura de valorização das áreas protegidas para que cada vez mais as pessoas entendam a importância dessas unidades e se sintam parte desses locais”.
Inscreva sua Unidade de Conservação para participar do UDNP
Gestores de Unidades de Conservação e parceiros que queiram oferecer atividades presenciais ou on-line no Um Dia No Parque devem realizar uma inscrição gratuita pelo e-mail [email protected].
Sobre a Rede Pró UC
A Rede Pró-Unidades de Conservação é uma organização não governamental advocacy que busca ampliar sua representatividade e impacto em prol da proteção dos ambientes naturais. A Rede foi fundada em 1998 e atua em todo o território nacional fortalecendo Unidades de Conservação da Natureza juntamente com outras instituições e colaboradores que atuam em defesa das UCs no Brasil.
Serviço:
Um Dia No Parque
18 de julho de 2021
Site: www.umdianoparque.net
Instagram: @umdianoparqueoficial
Facebook: @unidoscuidamos
E-mail: [email protected]
