Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vitor Manfio

Função JQuery não funciona

Recommended Posts

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>
<!-- CSS -->
<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' rel='stylesheet' type='text/css' />
        <noscript>
            <link rel="stylesheet" type="text/css" href="css/noscript.css" />
        </noscript>
<!-- Other scripts -->
<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>
<!-- JS includes -->
<!--[if lt IE 9]>
<script src="scripts/html5shiv.js?4241844378" type="text/javascript"></script>
<![endif]-->
<style type="text/css">
a:link, a:visited {
    text-decoration: none
    }
a:hover {
    text-decoration: none;
    }
a:active {
    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"><!-- state-based BG images --></a>
<a class="nonblock nontext mse_pre_init" id="u1025" href="https://twitter.com/revistaunadigital"><!-- state-based BG images --></a>
<a class="nonblock nontext mse_pre_init" id="u1031" href="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>
<!-- JS includes -->
<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>
<!-- Other scripts -->
<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)})()})();
/* body */
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
Muse.Utils.prepHyperlinks(true);/* body */
Muse.Utils.resizeHeight()/* resize height */
$('#u1019').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,0.2]},{"speed":[0,0],"in":[0.2,Infinity]}]);/* scroll effect */
$('#u1025').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,0.2]},{"speed":[0,0],"in":[0.2,Infinity]}]);/* scroll effect */
$('#u1031').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,0.2]},{"speed":[0,0],"in":[0.2,Infinity]}]);/* scroll effect */
$('#u1037').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,0.2]},{"speed":[0,0],"in":[0.2,Infinity]}]);/* scroll effect */
$('#u4041').registerPositionScrollEffect([{"speed":[0,150],"in":[-Infinity,244.95]},{"speed":[0,0],"in":[244.95,Infinity]}]);/* scroll effect */
$('#u342-bw').registerPositionScrollEffect([{"speed":[null,1],"in":[-Infinity,245.35]},{"speed":[null,0],"in":[245.35,Infinity]}]);/* scroll effect */
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 */
$('#pamphletu621').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,245.25]},{"speed":[0,0],"in":[245.25,Infinity]}]);/* scroll effect */
Muse.Utils.initWidget('#pamphletu359', 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}); });/* #pamphletu359 */
$('#pamphletu359').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,246.15]},{"speed":[0,0],"in":[246.15,Infinity]}]);/* scroll effect */
Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
$('#menuu931').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,244.95]},{"speed":[0,0],"in":[244.95,Infinity]}]);/* scroll effect */
Muse.Utils.fullPage('#page');/* 100% height page */
Muse.Utils.showWidgetsWhenReady();/* body */
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
} catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }});
</script>
</body>
</html>

Aqui o JQuery:

(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 );

Compartilhar este post


Link para o post
Compartilhar em outros sites

O que aparece no console de erros?

 

Ctrl + Shift + J no Firefox ou Chrome?

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.