Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
E aí, galera. Tudo certo?
Criei um site pelo Adobe Muse e preciso inserir um slideshow externo nele. Contudo, após juntar os código (estão em css diferentes), ao clicar na barrinha que efetuaria a troca de imagem, a função não funciona e volta a página para o topo. Não tenho experiência na área, então, se alguém puder ajudar, desde já agradeço!
Aqui o código html. O slide está na div "<div class="wrapper">"
<!DOCTYPE html>
<html class="html" lang="pt-BR">
<head>
<script type="text/javascript">
if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.watch.js", "jquery.scrolleffects.js", "webpro.js", "musewpslideshow.js", "jquery.museoverlay.js", "touchswipe.js", "jquery.musemenu.js", "jquery.musepolyfill.bgsize.js", "index.css"], "outOfDate":[]};
</script>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
<meta name="generator" content="2015.0.0.309"/>
<title>Revista UNA</title><link rel="stylesheet" type="text/css" href="css/site_global.css?11701297"/>
<link rel="stylesheet" type="text/css" href="css/master_mestre.css?327694161"/>
<link rel="stylesheet" type="text/css" href="css/index.css?86300408" id="pagesheet"/>
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<link href='[http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic'](http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7CPlayfair+Display:400italic) rel='stylesheet' type='text/css' />
<noscript>
<link rel="stylesheet" type="text/css" href="css/noscript.css" />
</noscript><script type="text/javascript">
document.documentElement.className += ' js';
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.eislideshow.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> text-decoration: none;
}</style>
</head>
<body>
<div class="clearfix" id="page"><!-- column -->
<div class="position_content" id="page_position_content">
<div class="clearfix colelem" id="pu4028"><!-- group -->
<div class="browser_width grpelem" id="u4028-bw">
<div id="u4028"><!-- simple frame --></div>
</div>
<a class="anchor_item grpelem" id="home"></a>
<a class="nonblock nontext mse_pre_init" id="u1019" href="[https://www.facebook.com/revistaunadigital](https://www.facebook.com/revistaunadigital)"><!-- state-based BG images --></a>
<a class="nonblock nontext mse_pre_init" id="u1025" href="[https://twitter.com/revistaunadigital](https://twitter.com/revistaunadigital)"><!-- state-based BG images --></a>
<a class="nonblock nontext mse_pre_init" id="u1031" href="[https://www.instagram.com/revistaunadigital/](https://www.instagram.com/revistaunadigital/)"><!-- state-based BG images --></a>
<div class="mse_pre_init" id="u1037"><!-- state-based BG images --></div>
<div class="clip_frame grpelem" id="u4380"><!-- image -->
<img class="block" id="u4380_img" src="images/teste%20-1-crop-u4380.png" alt="" width="406" height="187"/>
</div>
</div>
<a class="nonblock nontext MuseLinkActive clip_frame mse_pre_init" id="u4041" href="index.html"><!-- image --><img class="block" id="u4041_img" src="images/teste%202-crop-u4041.png" alt="" width="73" height="45"/></a>
<div class="browser_width mse_pre_init" id="u342-bw">
<div id="u342"><!-- simple frame --></div>
</div>
<div class="PamphletWidget clearfix mse_pre_init" id="pamphletu621"><!-- none box -->
<div class="popup_anchor" id="u631popup">
<div class="ContainerGroup clearfix" id="u631"><!-- stack box -->
<div class="Container invi rounded-corners clearfix grpelem" id="u632"><!-- group -->
<div class="PamphletWidget clearfix grpelem" id="pamphletu661"><!-- none box -->
<div class="popup_anchor" id="u671popup">
<div class="ContainerGroup clearfix" id="u671"><!-- stack box -->
<div class="Container invi grpelem" id="u711"><!-- simple frame --></div>
<div class="Container invi grpelem" id="u715"><!-- simple frame --></div>
<div class="Container invi grpelem" id="u702"><!-- simple frame --></div>
<div class="Container invi clearfix grpelem" id="u672"><!-- group -->
<div class="clearfix grpelem" id="u673-7"><!-- content -->
<p id="u673-3"><span><span class="actAsDiv normal_text" id="u674"><!-- content --><span class="actAsDiv clip_frame" id="u675"><!-- image --><img class="block" id="u675_img" src="images/road.jpg" alt="" width="128" height="85"/></span></span></span>Lorem ipsum</p>
<p id="u673-5">Sit amet, consectetur adipiscing elit. Aenean consectetur suscipit viverra. Morbi non arcu blandit justo pellentesque condimentum. Integer dignissim risus quis felis accumsan quis pulvinar tellus fermentum.</p>
</div>
</div>
</div>
</div>
<div class="ThumbGroup clearfix grpelem" id="u664"><!-- none box -->
<div class="popup_anchor">
<div class="Thumb popup_element clearfix" id="u712"><!-- group -->
<div class="clearfix grpelem" id="u714-4"><!-- content -->
<p>Una-se</p>
</div>
</div>
</div>
<div class="popup_anchor">
<div class="Thumb popup_element clearfix" id="u716"><!-- group -->
<div class="clearfix grpelem" id="u718-5"><!-- content -->
<p><span id="u718">F</span>otos</p>
</div>
</div>
</div>
<div class="popup_anchor">
<div class="Thumb popup_element clearfix" id="u708"><!-- group -->
<div class="clearfix grpelem" id="u710-5"><!-- content -->
<p><span id="u710">e</span>ntrevistas</p>
</div>
</div>
</div>
<div class="popup_anchor">
<div class="Thumb popup_element clearfix" id="u669"><!-- group -->
<div class="clearfix grpelem" id="u700-4"><!-- content -->
<p>Direitos já!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ThumbGroup clearfix grpelem" id="u624"><!-- none box -->
<div class="popup_anchor">
<div class="Thumb popup_element clearfix" id="u629"><!-- group -->
<div class="clearfix grpelem" id="u660-5"><!-- content -->
<p><span id="u660">S</span>EÇÕES</p>
</div>
</div>
</div>
</div>
</div>
<div class="PamphletWidget clearfix mse_pre_init" id="pamphletu359"><!-- none box -->
<div class="popup_anchor" id="u369popup">
<div class="ContainerGroup clearfix" id="u369"><!-- stack box -->
<div class="Container invi clearfix grpelem" id="u370"><!-- group -->
<div class="clearfix grpelem" id="u371-7"><!-- content -->
<p id="u371-3"><span><span class="actAsDiv normal_text" id="u372"><!-- content --><span class="actAsDiv clip_frame" id="u373"><!-- image --><img class="block" id="u373_img" src="images/road.jpg" alt="" width="128" height="85"/></span></span></span>Lorem ipsum</p>
<p id="u371-5">Sit amet, consectetur adipiscing elit. Aenean consectetur suscipit viverra. Morbi non arcu blandit justo pellentesque condimentum. Integer dignissim risus quis felis accumsan quis pulvinar tellus fermentum.</p>
</div>
</div>
<div class="Container invi clearfix grpelem" id="u571"><!-- group -->
<div class="grpelem" id="u580"><!-- simple frame --></div>
</div>
<div class="Container invi grpelem" id="u586"><!-- simple frame --></div>
<div class="Container invi grpelem" id="u897"><!-- simple frame --></div>
<div class="Container invi grpelem" id="u581"><!-- simple frame --></div>
</div>
</div>
<div class="ThumbGroup clearfix grpelem" id="u362"><!-- none box -->
<div class="popup_anchor">
<a class="nonblock nontext Thumb popup_element clearfix" id="u367" href="s.o.s.html"><!-- group --><div class="clearfix grpelem" id="u368-4"><!-- content --><p>S.o.s.</p></div></a>
</div>
<div class="popup_anchor">
<a class="nonblock nontext Thumb popup_element clearfix" id="u577" href="relacionamentos.html"><!-- group --><div class="clearfix grpelem" id="u579-4"><!-- content --><p>Relacionamentos</p></div></a>
</div>
<div class="popup_anchor">
<a class="nonblock nontext Thumb popup_element clearfix" id="u587" href="cotidiano.html"><!-- group --><div class="clearfix grpelem" id="u590-5"><!-- content --><p>C<span id="u590-2">OTIDIANO</span></p></div></a>
</div>
<div class="popup_anchor">
<a class="nonblock nontext Thumb popup_element clearfix" id="u898" href="sexo.html"><!-- group --><div class="clearfix grpelem" id="u900-5"><!-- content --><p>S<span id="u900-2">EXO</span></p></div></a>
</div>
<div class="popup_anchor">
<a class="nonblock nontext Thumb popup_element clearfix" id="u583" href="comportamento.html"><!-- group --><div class="clearfix grpelem" id="u585-4"><!-- content --><p>Comportamento</p></div></a>
</div>
</div>
</div>
<nav class="MenuBar clearfix mse_pre_init" id="menuu931"><!-- horizontal box -->
<div class="MenuItemContainer clearfix grpelem" id="u939"><!-- vertical box -->
<a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u942" href="quem-somos.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u944-4"><!-- content --><p>Quem somos</p></div></a>
</div>
</nav>
<div class="colelem" id="u4346"><!-- simple frame -->
<div class="wrapper">
<div id="ei-slider" class="ei-slider">
<ul class="ei-slider-large">
<li>
<img src="images/large/1.jpg" alt="image01" />
<div class="ei-title">
<a href="#"><h2><b>O pesadelo dos relacionamentos abusivos</b></h2></a>
<h3>Duet</h3>
</div>
</li>
<li>
<img src="images/large/2.jpg" alt="image02" />
<div class="ei-title">
<h2>O lado B da gravidez</h2>
<h3>Devil</h3>
</div>
</li>
<li>
<img src="images/large/3.jpg" alt="image03"/>
<div class="ei-title">
<h2>Tranquilent</h2>
<h3>Compatriot</h3>
</div>
</li>
</ul><!-- ei-slider-large -->
<ul class="ei-slider-thumbs">
<li class="ei-slider-element">Current</li>
<li><a href="#">Slide 1</a><img src="images/1.jpg" alt="thumb01" /></li>
<li><a href="#">Slide 2</a><img src="images/2.jpg" alt="thumb02" /></li>
<li><a href="#">Slide 3</a><img src="images/3.jpg" alt="thumb03" /></li>
</ul><!-- ei-slider-thumbs -->
</div><!-- ei-slider -->
</div><!-- wrapper -->
</div>
<div class="clearfix colelem" id="pppu4374"><!-- group -->
<div class="clearfix grpelem" id="ppu4374"><!-- column -->
<div class="clearfix colelem" id="pu4374"><!-- group -->
<div class="clip_frame grpelem" id="u4374"><!-- image -->
<img class="block" id="u4374_img" src="images/separador021-01.jpg" alt="" width="230" height="25"/>
</div>
<div class="Estilo-de-par-grafo clearfix grpelem" id="u3691-4"><!-- content -->
<p>AS NOVINHAS</p>
</div>
<div class="clip_frame grpelem" id="u4368"><!-- image -->
<img class="block" id="u4368_img" src="images/separador02-01.jpg" alt="" width="230" height="25"/>
</div>
</div>
<div class="clearfix colelem" id="pu4367"><!-- group -->
<div class="clearfix grpelem" id="u4367"><!-- group -->
<div class="clearfix grpelem" id="u4363"><!-- group -->
<div class="clearfix grpelem" id="u4009"><!-- group -->
<div class="clearfix grpelem" id="u3763"><!-- group -->
<div class="clip_frame grpelem" id="u3741"><!-- image -->
<img class="block" id="u3741_img" src="images/pessoa.png" alt="" width="11" height="10"/>
</div>
<div class="clearfix grpelem" id="u4179"><!-- group -->
<div class="clearfix grpelem" id="u3680"><!-- group -->
<div class="clearfix grpelem" id="u3681"><!-- group -->
<div class="clearfix grpelem" id="u3682"><!-- group -->
<div class="museBGSize grpelem" id="u3686"><!-- simple frame --></div>
<div class="clearfix grpelem" id="pu3688-4"><!-- column -->
<a class="nonblock nontext clearfix colelem" id="u3688-4" href="comportamento.html"><!-- content --><p>COMPORTAMENTO</p></a>
<div class="clearfix colelem" id="u3683-4"><!-- content -->
<p>Mayara Crepaldi</p>
</div>
<div class="clearfix colelem" id="u3687-4"><!-- content -->
<p>Esse título será nesse lugar aqui</p>
</div>
<div class="clearfix colelem" id="u3684-4"><!-- content -->
<p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p>
</div>
</div>
</div>
</div>
</div>
<div class="clip_frame grpelem" id="u3745"><!-- image -->
<img class="block" id="u3745_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/>
</div>
<div class="clip_frame grpelem" id="u3747"><!-- image -->
<img class="block" id="u3747_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/>
</div>
</div>
</div>
</div>
<div class="clip_frame grpelem" id="u4180"><!-- image -->
<img class="block" id="u4180_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/>
</div>
</div>
<div class="clip_frame grpelem" id="u4364"><!-- image -->
<img class="block" id="u4364_img" src="images/pessoa.png" alt="" width="11" height="10"/>
</div>
</div>
<div class="clip_frame grpelem" id="u4357"><!-- image -->
<img class="block" id="u4357_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/>
</div>
<div class="clip_frame grpelem" id="u4348"><!-- image -->
<img class="block" id="u4348_img" src="images/pessoa.png" alt="" width="11" height="10"/>
</div>
</div>
<div class="clearfix colelem" id="pu4178"><!-- group -->
<div class="clearfix grpelem" id="u4178"><!-- group -->
<div class="clearfix grpelem" id="u3830"><!-- group -->
<div class="clearfix grpelem" id="u3829"><!-- group -->
<div class="clearfix grpelem" id="u3828"><!-- group -->
<div class="museBGSize grpelem" id="u3695"><!-- simple frame --></div>
<div class="clearfix grpelem" id="pu3714-4"><!-- column -->
<a class="nonblock nontext clearfix colelem" id="u3714-4" href="cotidiano.html"><!-- content --><p>COTIDIANO</p></a>
<div class="clearfix colelem" id="pu3764"><!-- group -->
<div class="clip_frame grpelem" id="u3764"><!-- image -->
<img class="block" id="u3764_img" src="images/pessoa.png" alt="" width="11" height="10"/>
</div>
<div class="clearfix grpelem" id="u3775-4"><!-- content -->
<p>Mayara Crepaldi</p>
</div>
</div>
<div class="clearfix colelem" id="u3707-4"><!-- content -->
<p>Esse título será nesse lugar aqui</p>
</div>
<div class="clearfix colelem" id="u3724-4"><!-- content -->
<p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p>
</div>
</div>
</div>
</div>
</div>
<div class="clip_frame grpelem" id="u4172"><!-- image -->
<img class="block" id="u4172_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/>
</div>
<div class="clip_frame grpelem" id="u4174"><!-- image -->
<img class="block" id="u4174_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/>
</div>
</div>
<div class="clip_frame grpelem" id="u4184"><!-- image -->
<img class="block" id="u4184_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/>
</div>
</div>
</div>
<div class="clip_frame grpelem" id="u3678"><!-- image -->
<img class="block" id="u3678_img" src="images/capturar.jpg" alt="" width="306" height="451"/>
</div>
</div>
<div class="clearfix colelem" id="u4354"><!-- group -->
<div class="clearfix grpelem" id="u4146"><!-- group -->
<div class="clearfix grpelem" id="u3832"><!-- group -->
<div class="clearfix grpelem" id="u3831"><!-- group -->
<div class="museBGSize grpelem" id="u3703"><!-- simple frame --></div>
<div class="clearfix grpelem" id="pu3716-4"><!-- column -->
<a class="nonblock nontext clearfix colelem" id="u3716-4" href="sexo.html"><!-- content --><p>SEXO</p></a>
<div class="clearfix colelem" id="pu3776"><!-- group -->
<div class="clip_frame grpelem" id="u3776"><!-- image -->
<img class="block" id="u3776_img" src="images/pessoa.png" alt="" width="11" height="10"/>
</div>
<div class="clearfix grpelem" id="u3784-4"><!-- content -->
<p>Mayara Crepaldi</p>
</div>
</div>
<div class="clearfix colelem" id="u3715-4"><!-- content -->
<p>Esse título será nesse lugar aqui</p>
</div>
<div class="clearfix colelem" id="u3698-4"><!-- content -->
<p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p>
</div>
</div>
</div>
</div>
<div class="clip_frame grpelem" id="u4140"><!-- image -->
<img class="block" id="u4140_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/>
</div>
<div class="clip_frame grpelem" id="u4142"><!-- image -->
<img class="block" id="u4142_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/>
</div>
</div>
<div class="clip_frame grpelem" id="u4187"><!-- image -->
<img class="block" id="u4187_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/>
</div>
</div>
<div class="clearfix colelem" id="u4355"><!-- group -->
<div class="clearfix grpelem" id="u4352"><!-- group -->
<div class="clearfix grpelem" id="u3834"><!-- group -->
<div class="clearfix grpelem" id="u3833"><!-- group -->
<div class="museBGSize grpelem" id="u3712"><!-- simple frame --></div>
<div class="clearfix grpelem" id="pu3723-4"><!-- column -->
<a class="nonblock nontext clearfix colelem" id="u3723-4" href="s.o.s.html"><!-- content --><p>S.O.S.</p></a>
<div class="clearfix colelem" id="pu3788"><!-- group -->
<div class="clip_frame grpelem" id="u3788"><!-- image -->
<img class="block" id="u3788_img" src="images/pessoa.png" alt="" width="11" height="10"/>
</div>
<div class="clearfix grpelem" id="u3796-4"><!-- content -->
<p>Mayara Crepaldi</p>
</div>
</div>
<div class="clearfix colelem" id="u3700-4"><!-- content -->
<p>Esse título será nesse lugar aqui</p>
</div>
<div class="clearfix colelem" id="u3701-4"><!-- content -->
<p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p>
</div>
</div>
</div>
</div>
<div class="clip_frame grpelem" id="u4147"><!-- image -->
<img class="block" id="u4147_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/>
</div>
<div class="clip_frame grpelem" id="u4149"><!-- image -->
<img class="block" id="u4149_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/>
</div>
</div>
<div class="clip_frame grpelem" id="u4190"><!-- image -->
<img class="block" id="u4190_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/>
</div>
</div>
<div class="clearfix colelem" id="u4356"><!-- group -->
<div class="clearfix grpelem" id="u4161"><!-- group -->
<div class="clearfix grpelem" id="u3836"><!-- group -->
<div class="clearfix grpelem" id="u3835"><!-- group -->
<div class="museBGSize grpelem" id="u3699"><!-- simple frame --></div>
<div class="clearfix grpelem" id="pu3711-4"><!-- column -->
<a class="nonblock nontext clearfix colelem" id="u3711-4" href="s.o.s.html"><!-- content --><p>S.O.S.</p></a>
<div class="clearfix colelem" id="pu3800"><!-- group -->
<div class="clip_frame grpelem" id="u3800"><!-- image -->
<img class="block" id="u3800_img" src="images/pessoa.png" alt="" width="11" height="10"/>
</div>
<div class="clearfix grpelem" id="u3808-4"><!-- content -->
<p>Mayara Crepaldi</p>
</div>
</div>
<div class="clearfix colelem" id="u3721-4"><!-- content -->
<p>Esse título será nesse lugar aqui</p>
</div>
<div class="clearfix colelem" id="u3722-4"><!-- content -->
<p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p>
</div>
</div>
</div>
</div>
<div class="clip_frame grpelem" id="u4155"><!-- image -->
<img class="block" id="u4155_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/>
</div>
<div class="clip_frame grpelem" id="u4157"><!-- image -->
<img class="block" id="u4157_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/>
</div>
</div>
<div class="clip_frame grpelem" id="u4193"><!-- image -->
<img class="block" id="u4193_img" src="images/separador01-01.jpg" alt="" width="259" height="28"/>
</div>
</div>
<div class="clearfix colelem" id="u4169"><!-- group -->
<div class="clearfix grpelem" id="u3838"><!-- group -->
<div class="clearfix grpelem" id="u3837"><!-- group -->
<div class="museBGSize grpelem" id="u3719"><!-- simple frame --></div>
<div class="clearfix grpelem" id="pu3709-4"><!-- column -->
<a class="nonblock nontext clearfix colelem" id="u3709-4" href="s.o.s.html"><!-- content --><p>S.O.S.</p></a>
<div class="clearfix colelem" id="pu3812"><!-- group -->
<div class="clip_frame grpelem" id="u3812"><!-- image -->
<img class="block" id="u3812_img" src="images/pessoa.png" alt="" width="11" height="10"/>
</div>
<div class="clearfix grpelem" id="u3820-4"><!-- content -->
<p>Mayara Crepaldi</p>
</div>
</div>
<div class="clearfix colelem" id="u3697-4"><!-- content -->
<p>Esse título será nesse lugar aqui</p>
</div>
<div class="clearfix colelem" id="u3702-4"><!-- content -->
<p>Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina Linha fina</p>
</div>
</div>
</div>
</div>
<div class="clip_frame grpelem" id="u4163"><!-- image -->
<img class="block" id="u4163_img" src="images/calendar-460676_640.png" alt="" width="12" height="11"/>
</div>
<div class="clip_frame grpelem" id="u4165"><!-- image -->
<img class="block" id="u4165_img" src="images/rel%c3%b3gio%20b%c3%a1sico.png" alt="" width="11" height="11"/>
</div>
</div>
<div class="verticalspacer"></div>
<div class="browser_width colelem" id="u838-bw">
<div id="u838"><!-- group -->
<div class="clearfix" id="u838_align_to_page">
<div class="clearfix grpelem" id="u839-4"><!-- content -->
<p>UNA - TODOS OS DIREITOS RESERVADOS, 2016 ©</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="preload_images">
<img class="preload" src="images/u1019-r.png" alt=""/>
<img class="preload" src="images/u1025-r.png" alt=""/>
<img class="preload" src="images/u1031-r.png" alt=""/>
<img class="preload" src="images/u1037-r.png" alt=""/>
</div><script type="text/javascript">
if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn2.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
<script type="text/javascript">
window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
<script src="scripts/museutils.js?183364071" type="text/javascript"></script>
<script src="scripts/jquery.watch.js?71412426" type="text/javascript"></script>
<script src="scripts/jquery.scrolleffects.js?3860644955" type="text/javascript"></script>
<script src="scripts/webpro.js?3803554875" type="text/javascript"></script>
<script src="scripts/musewpslideshow.js?242596657" type="text/javascript"></script>
<script src="scripts/jquery.museoverlay.js?493285861" type="text/javascript"></script>
<script src="scripts/touchswipe.js?4038331989" type="text/javascript"></script>
<script src="scripts/jquery.musemenu.js?3957776250" type="text/javascript"></script>
<script src="scripts/jquery.musepolyfill.bgsize.js?4004268962" type="text/javascript"></script><script type="text/javascript">
$(document).ready(function() { try {
(function(){var a={},b=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt(a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),16);return 0};(function(){$('link[type="text/css"]').each(function(){var b=($(this).attr("href")||"").match(/\/?css\/([\w\-]+\.css)\?(\d+)/);b&&b[1]&&b[2]&&(a[b[1]]=b[2])})})();(function(){$("body").append('<div class="version" style="display:none; width:1px; height:1px;"></div>');
for(var c=$(".version"),d=0;d<Muse.assets.required.length;){var f=Muse.assets.required[d],g=f.match(/([\w\-\.]+)\.(\w+)$/),k=g&&g[1]?g[1]:null,g=g&&g[2]?g[2]:null;switch(g.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");c.addClass(k);var g=b(c.css("color")),h=b(c.css("background-color"));g!=0||h!=0?(Muse.assets.required.splice(d,1),"undefined"!=typeof a[f]&&(g!=a[f]>>>24||h!=(a[f]&16777215))&&Muse.assets.outOfDate.push(f)):d++;c.removeClass(k);break;case "js":k.match(/^jquery-[\d\.]+/gi)&&
typeof $!="undefined"?Muse.assets.required.splice(d,1):d++;break;default:throw Error("Unsupported file type: "+g);}}c.remove();if(Muse.assets.outOfDate.length||Muse.assets.required.length)c="Alguns arquivos no servidor podem estar ausentes ou incorretos. Limpe o cache do navegador e tente novamente. Se o problema persistir, entre em contato com o autor do site.",(d=location&&location.search&&location.search.match&&location.search.match(/muse_debug/gi))&&Muse.assets.outOfDate.length&&(c+="\nOut of date: "+Muse.assets.outOfDate.join(",")),d&&Muse.assets.required.length&&(c+="\nMissing: "+Muse.assets.required.join(",")),alert(c)})()})();Muse.Utils.initWidget('#pamphletu661', function(elem) { new WebPro.Widget.ContentSlideShow(elem, {contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'mouseout_both',autoPlay:false,displayInterval:3000,transitionStyle:'fading',transitionDuration:300,hideAllContentsFirst:true,shuffle:false,enableSwipe:false,resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false,autoActivate_runtime:false}); });/* #pamphletu661 */
Muse.Utils.initWidget('#pamphletu621', function(elem) { new WebPro.Widget.ContentSlideShow(elem, {contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'mouseout_both',autoPlay:false,displayInterval:3000,transitionStyle:'fading',transitionDuration:300,hideAllContentsFirst:true,shuffle:false,enableSwipe:false,resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false,autoActivate_runtime:false}); });/* #pamphletu621 */} catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }});
</script>
</body>
</html>(function( window, $, undefined ) {
var $event = $.event, resizeTimeout;
$(function() {
$('#ei-slider').eislideshow({
easing : 'easeOutExpo',
titleeasing : 'easeOutExpo',
titlespeed : 1200
});
});
$event.special.smartresize = {
setup: function() {
$(this).bind( "resize", $event.special.smartresize.handler );
},
teardown: function() {
$(this).unbind( "resize", $event.special.smartresize.handler );
},
handler: function( event, execAsap ) {
// Save the context
var context = this,
args = arguments;
// set correct event type
event.type = "smartresize";
if ( resizeTimeout ) { clearTimeout( resizeTimeout ); }
resizeTimeout = setTimeout(function() {
jQuery.event.handle.apply( context, args );
}, execAsap === "execAsap"? 0 : 100 );
}
};
$.fn.smartresize = function( fn ) {
return fn ? this.bind( "smartresize", fn ) : this.trigger( "smartresize", ["execAsap"] );
};
$.Slideshow = function( options, element ) {
this.$el = $( element );
/***** images ****/
// list of image items
this.$list = this.$el.find('ul.ei-slider-large');
// image items
this.$imgItems = this.$list.children('li');
// total number of items
this.itemsCount = this.$imgItems.length;
// images
this.$images = this.$imgItems.find('img:first');
/***** thumbs ****/
// thumbs wrapper
this.$sliderthumbs = this.$el.find('ul.ei-slider-thumbs').hide();
// slider elements
this.$sliderElems = this.$sliderthumbs.children('li');
// sliding div
this.$sliderElem = this.$sliderthumbs.children('li.ei-slider-element');
// thumbs
this.$thumbs = this.$sliderElems.not('.ei-slider-element');
// initialize slideshow
this._init( options );
};
$.Slideshow.defaults = {
// animation types:
// "sides" : new slides will slide in from left / right
// "center": new slides will appear in the center
animation : 'sides', // sides || center
// if true the slider will automatically slide, and it will only stop if the user clicks on a thumb
autoplay : false,
// interval for the slideshow
slideshow_interval : 3000,
// speed for the sliding animation
speed : 800,
// easing for the sliding animation
easing : '',
// percentage of speed for the titles animation. Speed will be speed * titlesFactor
titlesFactor : 0.60,
// titles animation speed
titlespeed : 800,
// titles animation easing
titleeasing : '',
// maximum width for the thumbs in pixels
thumbMaxWidth : 150
};
$.Slideshow.prototype = {
_init : function( options ) {
this.options = $.extend( true, {}, $.Slideshow.defaults, options );
// set the opacity of the title elements and the image items
this.$imgItems.css( 'opacity', 0 );
this.$imgItems.find('div.ei-title > *').css( 'opacity', 0 );
// index of current visible slider
this.current = 0;
var _self = this;
// preload images
// add loading status
this.$loading = $('<div class="ei-slider-loading">Carregando</div>').prependTo( _self.$el );
$.when( this._preloadImages() ).done( function() {
// hide loading status
_self.$loading.hide();
// calculate size and position for each image
_self._setImagesSize();
// configure thumbs container
_self._initThumbs();
// show first
_self.$imgItems.eq( _self.current ).css({
'opacity' : 1,
'z-index' : 10
}).show().find('div.ei-title > *').css( 'opacity', 1 );
// if autoplay is true
if( _self.options.autoplay ) {
_self._startSlideshow();
}
// initialize the events
_self._initEvents();
});
},
_preloadImages : function() {
// preloads all the large images
var _self = this,
loaded = 0;
return $.Deferred(
function(dfd) {
_self.$images.each( function( i ) {
$('<img/>').load( function() {
if( ++loaded === _self.itemsCount ) {
dfd.resolve();
}
}).attr( 'src', $(this).attr('src') );
});
}
).promise();
},
_setImagesSize : function() {
// save ei-slider's width
this.elWidth = this.$el.width();
var _self = this;
this.$images.each( function( i ) {
var $img = $(this);
imgDim = _self._getImageDim( $img.attr('src') );
$img.css({
width : imgDim.width,
height : imgDim.height,
marginLeft : imgDim.left,
marginTop : imgDim.top
});
});
},
_getImageDim : function( src ) {
var $img = new Image();
$img.src = src;
var c_w = this.elWidth,
c_h = this.$el.height(),
r_w = c_h / c_w,
i_w = $img.width,
i_h = $img.height,
r_i = i_h / i_w,
new_w, new_h, new_left, new_top;
if( r_w > r_i ) {
new_h = c_h;
new_w = c_h / r_i;
}
else {
new_h = c_w * r_i;
new_w = c_w;
}
return {
width : new_w,
height : new_h,
left : ( c_w - new_w ) / 2,
top : ( c_h - new_h ) / 2
};
},
_initThumbs : function() {
// set the max-width of the slider elements to the one set in the plugin's options
// also, the width of each slider element will be 100% / total number of elements
this.$sliderElems.css({
'max-width' : this.options.thumbMaxWidth + 'px',
'width' : 100 / this.itemsCount + '%'
});
// set the max-width of the slider and show it
this.$sliderthumbs.css( 'max-width', this.options.thumbMaxWidth * this.itemsCount + 'px' ).show();
},
_startSlideshow : function() {
var _self = this;
this.slideshow = setTimeout( function() {
var pos;
( _self.current === _self.itemsCount - 1 ) ? pos = 0 : pos = _self.current + 1;
_self._slideTo( pos );
if( _self.options.autoplay ) {
_self._startSlideshow();
}
}, this.options.slideshow_interval);
},
// shows the clicked thumb's slide
_slideTo:function(pos) {
// return if clicking the same element or if currently animating
if( pos === this.current || this.isAnimating )
return false;
this.isAnimating = true;
var $currentSlide = this.$imgItems.eq( this.current ),
$nextSlide = this.$imgItems.eq( pos ),
_self = this,
preCSS = {zIndex : 10},
animCSS = {opacity : 1};
// new slide will slide in from left or right side
if( this.options.animation === 'sides' ) {
preCSS.left = ( pos > this.current ) ? -1 * this.elWidth : this.elWidth;
animCSS.left = 0;
}
// titles animation
$nextSlide.find('div.ei-title > h2')
.css( 'margin-right', 50 + 'px' )
.stop()
.delay( this.options.speed * this.options.titlesFactor )
.animate({ marginRight : 0 + 'px', opacity : 1 }, this.options.titlespeed, this.options.titleeasing )
.end()
.find('div.ei-title > h3')
.css( 'margin-right', -50 + 'px' )
.stop()
.delay( this.options.speed * this.options.titlesFactor )
.animate({ marginRight : 0 + 'px', opacity : 1 }, this.options.titlespeed, this.options.titleeasing )
$.when(
// fade out current titles
$currentSlide.css( 'z-index' , 1 ).find('div.ei-title > *').stop().fadeOut( this.options.speed / 2, function() {
// reset style
$(this).show().css( 'opacity', 0 );
}),
// animate next slide in
$nextSlide.css( preCSS ).stop().animate( animCSS, this.options.speed, this.options.easing ),
// "sliding div" moves to new position
this.$sliderElem.stop().animate({
left : this.$thumbs.eq( pos ).position().left
}, this.options.speed )
).done( function() {
// reset values
$currentSlide.css( 'opacity' , 0 ).find('div.ei-title > *').css( 'opacity', 0 );
_self.current = pos;
_self.isAnimating = false;
});
},
_initEvents : function() {
var _self = this;
// window resize
$(window).on( 'smartresize.eislideshow', function( event ) {
// resize the images
_self._setImagesSize();
// reset position of thumbs sliding div
_self.$sliderElem.css( 'left', _self.$thumbs.eq( _self.current ).position().left );
});
// click the thumbs
this.$thumbs.on( 'click.eislideshow', function( event ) {
if( _self.options.autoplay ) {
clearTimeout( _self.slideshow );
_self.options.autoplay = false;
}
var $thumb = $(this),
idx = $thumb.index() -1; // exclude sliding div
_self._slideTo( idx );
return false;
});
}
};
var logError = function( message ) {
if ( this.console ) {
console.error( message );
}
};
$.fn.eislideshow = function( options ) {
if ( typeof options === 'string' ) {
var args = Array.prototype.slice.call( arguments, 1 );
this.each(function() {
var instance = $.data( this, 'eislideshow' );
if ( !instance ) {
logError( "cannot call methods on eislideshow prior to initialization; " +
"attempted to call method '" + options + "'" );
return;
}
if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) {
logError( "no such method '" + options + "' for eislideshow instance" );
return;
}
instance[ options ].apply( instance, args );
});
}
else {
this.each(function() {
var instance = $.data( this, 'eislideshow' );
if ( !instance ) {
$.data( this, 'eislideshow', new $.Slideshow( options, this ) );
}
});
}
return this;
};
})( window, jQuery );Carregando comentários...