Como aplicar jQuery.noConflict neste código?
Estou tentando usar o efeito deste site https://www.vinylcuts.nyc/show/splash/ para distorcer imagens e gerar esse ruído de TV antiga.
Eu sei quais os códigos que geram esse efeito, mas não consigo fazer com que eles funcionem. Será que é algum tipo de conflito?
Abaixo está o código HTML de forma bem resumida. As imagens distorcidas, foram aplicadas no código cujo endereço é: [https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/vinyl-webgl.js?ver=1.05.11](https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/vinyl-webgl.js?ver=1.05.11) . As imagens eu utilizei as mesmas do site como exemplo. Veja que só aparece uns efeitos e uma tela preta no fundo. As imagens que estão no código não aparecem. Será que devo aplicar um no.conflict em "var pageData = [{"title":"splash","pageType":"splash"}];"? Por qual motivo não consigo fazer com que as imagens apareçam? Está faltando algo?
<script type="text/javascript">
var pageData = [{"title":"splash","pageType":"splash"}];
</script><!doctype html>
<!-- dev test ! -->
<html lang="en-US" class="no-js" style="background-color:#000;">
<head>
<meta charset="UTF-8"><!-- LIB -->
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/stats.min.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/TweenMax.min.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/ImprovedNoise.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/jquery.min.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/SimplexNoise.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/atutil.js"></script>
<!-- THREE -->
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/three/three.min.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/three/postprocessing/EffectComposer.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/three/postprocessing/RenderPass.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/three/postprocessing/ShaderPass.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/three/postprocessing/MaskPass.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/three/shaders/CopyShader.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/three/shaders/FilmShader.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/three/shaders/RGBShiftShader.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/three/shaders/VignetteShader.js"></script>
<script src="https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/vinyl-webgl/lib/three/shaders/BrightnessContrastShader.js"></script>
<link rel='stylesheet' id='hbo_vinyl-css' href='[https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/style.css?ver=1.0'](https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/style.css?ver=1.0) media='all' />
<link rel='stylesheet' id='fontAwesome-css' href='[https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/font-awesome.min.css?ver=1.0'](https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/font-awesome.min.css?ver=1.0) media='all' />
<link rel='stylesheet' id='svg-css' href='[https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/svg.css?ver=1.0'](https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/svg.css?ver=1.0) media='all' />
<script type='text/javascript' src='https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/lib/conditionizr-4.3.0.min.js?ver=4.3.0'></script>
<script type='text/javascript' src='https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/lib/modernizr-2.7.1.min.js?ver=2.7.1'></script>
<script type='text/javascript' src='https://www.vinylcuts.nyc/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='https://www.vinylcuts.nyc/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<link rel="alternate" type="application/json+oembed" href="[https://www.vinylcuts.nyc/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.vinylcuts.nyc%2Fshow%2Fsplash%2F](https://www.vinylcuts.nyc/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.vinylcuts.nyc%2Fshow%2Fsplash%2F)" />
<link rel="alternate" type="text/xml+oembed" href="[https://www.vinylcuts.nyc/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.vinylcuts.nyc%2Fshow%2Fsplash%2F](https://www.vinylcuts.nyc/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.vinylcuts.nyc%2Fshow%2Fsplash%2F)&format=xml" />
<script type='text/javascript' src='https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/vinyl-webgl.js?ver=1.05.11'></script>
<style type="text/css">
body {
background:url([http://wallpaper.ultradownloads.com.br/277228_Papel-de-Parede-Belissima-Paisagem-de-Montanhas_1920x1200.jpg](http://wallpaper.ultradownloads.com.br/277228_Papel-de-Parede-Belissima-Paisagem-de-Montanhas_1920x1200.jpg));
z-index:6000;
}
#webgl {
}
</style>
<script>
// conditionizr.com
// configure environment tests
conditionizr.config({
assets: 'https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl',
tests: {}
});
</script>
<script type='text/javascript' src='https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/_/js/app-loader.js?ver=1.05.11'></script>
<script type='text/javascript' src='https://www.vinylcuts.nyc/wp-content/themes/hbo_vinyl/site.min.js?ver=1.05.11'></script>
</head>
<!-- BEGIN Krux Control Tag for "Vinyl Microsite" --> <!-- Source: /snippet/controltag?confid=KNhYNCzS&site=Vinyl%20Microsite&edit=1 --> <script class="kxct" data-id="KNhYNCzS" data-timing="async" data-version="1.9" type="text/javascript"> window.Krux||((Krux=function(){Krux.q.push(arguments)}).q=[]); (function(){ var k=document.createElement('script');k.type='text/javascript';k.async=true; var m,src=(m=location.href.match(/\bkxsrc=([^&]+)/))&&decodeURIComponent(m[1]); k.src = /^https?:\/\/([a-z0-9_\-\.]+\.)?krxd\.net(:\d{1,5})?\//i.test(src) ? src : src === "disable" ? "" : (location.protocol==="https:"?"https:":"http:")+"//cdn.krxd.net/controltag?confid=KNhYNCzS" ; var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(k,s); }()); </script> <!-- END Krux Controltag -->
<!--
Start of DoubleClick Floodlight Tag: Please do not remove
Activity name of this tag: Vinyl
URL of the webpage where the tag is expected to be placed: [http://www.vinylcuts.nyc](http://www.vinylcuts.nyc)
This tag must be placed between the <body> and </body> tags, as close as possible to the opening tag.
Creation Date: 12/10/2015
-->
<script type="text/javascript">
var axel = Math.random() + "";
var a = axel * 10000000000000;
document.write('<iframe src="https://1234407.fls.doubleclick.net/activityi;src=1234407;type=hbogen;cat=vinyl0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
</script>
<noscript>
<iframe src="https://1234407.fls.doubleclick.net/activityi;src=1234407;type=hbogen;cat=vinyl0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe>
</noscript>
<!-- End of DoubleClick Floodlight Tag: Please do not remove -->
<body class="page page-id-1048 page-child parent-pageid-1044 page-template page-template-template-episode-splash page-template-template-episode-splash-php splash" data-color="#ffffff" data-issue="Vinyl " id="vinyl-cuts" style="background-color:#000;">
<script type="text/javascript" src="https://www.hbo.com/html/js/s_code_onsite.js"></script>
<script type="text/javascript" src="https://www.hbo.com/html/js/offsite-tracklinks.js"></script><!-- analytics -->
<script type="text/javascript">
var body = document.getElementsByTagName('body')[0];
var device = new MobileDetect(window.navigator.userAgent);
var omniture = null;
var deviceType = 'desktop';
deviceType = ( device.is('iPad') ) ? 'ipad' : deviceType;
deviceType = ( device.is('iPhone') ) ? 'iphone' : deviceType;
deviceType = ( device.is('AndroidOS') ) ? 'android' : deviceType;
deviceType = ( device.is('Kindle') ) ? 'kindle' : deviceType;
var deviceMob = ( device.match('iphone|ipad|android|kindle') ) ? 'yes' : 'no';
var config = {
eVar10: 'Vinyl',
prop10: 'Vinyl',
eVar30: deviceMob,
prop30: deviceMob,
eVar30: deviceType,
prop30: deviceType,
eVar50: body.dataset.issue,
prop50: body.dataset.issue,
pageName: null,
eVar1: null,
hier1: null
};
var omnitureSettings = config;
</script>
<!-- analytics -->
<div id="webgl"></div>
<script type="text/javascript">
var pageData = [{"title":"splash","pageType":"splash"}];
</script>
<script type="text/javascript">/* <![CDATA[ */(function(d,s,a,i,j,r,l,m,t){try{l=d.getElementsByTagName('a');t=d.createElement('textarea');for(i=0;l.length-i;i++){try{a=l[i].href;s=a.indexOf('/cdn-cgi/l/email-protection');m=a.length;if(a&&s>-1&&m>28){j=28+s;s='';if(j<m){r='0x'+a.substr(j,2)|0;for(j+=2;j<m&&a.charAt(j)!='X';j+=2)s+='%'+('0'+('0x'+a.substr(j,2)^r).toString(16)).slice(-2);j++;s=decodeURIComponent(s)+a.substr(j,m-j)}t.innerHTML=s.replace(/</g,'<').replace(/>/g,'>');l[i].href='mailto:'+t.value}}catch(e){}}}catch(e){}})(document);/* ]]> */</script></body>
</html>Discussão (0)
Carregando comentários...