Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera precisava de uma ajuda com o nivo Zoom, coloquei em meu site na galeria de imagens em ultimos trabalhos, ou seja na pagina inicial do site.
Mas... não está pegando, meu site é: www.levarech.com.br e o do nivo zoom é http://nivozoom.dev7studios.com/ gostaria que ficasse igual o deles, igual a segunda imagem de exemplo.
a imagem não está abrindo quando clica pra abrir e eu queria que quando clicasse para abrir abrisse a imagem por inteira e não recortada.
O que está aconteçendo? alguem pode me ajudar?
Código no html
<script type="text/javascript">
$(window).load(function() {
$('body').nivoZoom({
speed:500,
zoomHoverOpacity:0.8,
overlay:false,
overlayColor:'#333',
overlayOpacity:0.5,
captionOpacity:0.8
});
});
</script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- #dialog é o id do DIV definido como mostrado a seguir -->
<a href="#dialog" name="modal"></a>
<div id="boxes">
<!-- #personalize sua janela modal aqui -->
<div id="dialog" class="window">
<a href="#" class="close">Fechar [X]</a>
<a href="#" title="Promoção Mensal"><img src="imagens/promocaomensal.jpg" alt="Oferecemos todo mês uma nova promoção."/></a>
</div>
<div id="mask">
</div>
</div>
<header>
<div id="Banner">
<h1>
<a href="index.html" title="Levarech Art e Design"><img src="imagens/Logo_Levarech.png" alt="Logotipo da Empresa Levarech" width="218" height="162" /></a>
</h1>
<nav>
<ul>
<li><a href="#">ÍNICIO</a></li>
<li><a href="#">SOBRE</a></li>
<li><a href="#">SERVIÇOS</a>
<ul>
<li><a href="#">DIGITAL</a></li>
<li><a href="#">IMPRESSO</a></li>
<li><a href="#">BAIXE NOSSA TABELA COMPLETA</a></li>
</ul>
</li>
<li><a href="#">PORTFÓLIO</a></li>
<li><a href="#">CONTATO</a></li>
</ul>
</nav>
</div>
<div id="Twitter">
<img src="imagens/Twitter_Levarech.jpg" alt="Siga-nos no Twitter" width="224" height="100" />
<?php twitter('Levarech', 3); ?> <br />
<a class="sigame" href="http://twitter.com/Levarech" title="Siga a Levarech no Twitter">siga-me no twitter</a>
</div>
</header>
<section>
<article id="ult_proj">
<h2>Projetos Recentes:</h2>
<ul>
<li><a href="#" title="" class="nivoZoom"><img src="imagens/imperio_cortinas.jpg" alt="" /></a></li>
<li><a href="#" title="" class="nivoZoom"><img src="imagens/center.jpg" alt="" /></a></li>
<li class="margin"><a href="#" title=""><img src="imagens/dentista.jpg" alt="" /></a></li>
<li><a href="#" title=""><img src="imagens/imobiliaria.jpg" alt="" /></a></li>
<li><a href="#" title=""><img src="imagens/victoria.jpg" alt="" /></a></li>
<li class="margin"><a href="#" title=""><img src="imagens/levarech.jpg" alt="" /></a></li>
</ul>
</article>
código no js
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(f($){$.R.C=f(16){b e=$.1z({},$.R.C.X,16);4(e.F){4(!($.15.1y&&$.15.1x.1A(0,1)<8)){$(\'1B\').1E(\'<18 1D="y" />\');$(\'#y\').9({O:\'1C\',v:0,u:0,m:\'J%\',q:\'J%\',1F:e.W,r:e.11,\'z-P\':1w,Q:\'1j\'})}}1a 7.17(f(){b 14=$(7);b 13=$(\'a.C\',14);13.17(f(){b 3=$(7);4(3.1o(\'a\')){b 6=$(7).1p(\'6:S\');3.9({O:\'1v\',Q:\'1u-1q\'});3.j(\'1l\',\'1n 1h 1t\');3.1f(\'<18 1s="h" />\');b h=$(\'.h\',3);h.9(\'r\',\'0\');3.1r(f(){4(!3.i(\'B\')){h.1c().E({r:e.V},1b)}},f(){4(!h.i(\'G\')){h.1c().E({r:0},1b)}});3.1G(\'1V\',f(){4($(\'6.N\',3).K==0){h.A(\'G\');Y(6,3,f(){h.12(\'G\');H(6,3,h)})}l{H(6,3,h)}1a T})}})});f H(6,3,h){b o=$(\'6.N\',3);4(3.i(\'B\')){4(e.F)$(\'#y\').I(e.n/2);4($(\'.c\',3).K>0){$(\'.c\',3).I(e.n/2)}o.I(e.n/2,f(){6.E({r:1},e.n/2)});3.12(\'B\')}l{4(e.F)$(\'#y\').M(e.n/2);h.9(\'r\',\'0\');6.E({r:0},e.n/2,f(){o.M(e.n/2,f(){1e(6,o,3)})});3.A(\'B\')}}f 1e(6,o,3){4($(\'.c\',3).K>0){b c=$(\'.c:S\',3);4(!c.i(\'10-Z\')){b s=6.m();4(s==0)s=6.j(\'m\');b t=6.q();4(t==0)t=6.j(\'q\');b p=o.m();4(p==0)p=o.j(\'m\');b k=o.q();4(k==0)k=o.j(\'q\');c.9({m:p,r:e.19});4(3.i(\'1g\')){c.9({v:(k-c.L())+\'w\',D:\'g\'})}l 4(3.i(\'1k\')){c.9({x:\'g\',D:\'g\'})}l 4(3.i(\'1m\')){c.9({x:\'g\',u:\'g\'})}l 4(3.i(\'U\')){c.9({v:1H.1I(t/2-k/2)+(k-c.L())+\'w\',u:(s/2-p/2)+\'w\'})}l{c.9({v:(k-c.L())+\'w\',u:\'g\'})}c.A(\'10-Z\')}c.M(e.n/2)}}f Y(6,3,1i){b 1d=1O 1X();$(1d).1P(f(){$(7).A(\'N\');$(7).9({O:\'1K\',Q:\'1j\',\'z-P\':1S});4(1T.1Z.1U(/1W \\d\\.\\d+/)){3.9(\'z-P\',\'J\')}4(3.i(\'1g\')){$(7).9({v:\'g\',D:\'g\'})}l 4(3.i(\'1k\')){$(7).9({x:\'g\',D:\'g\'})}l 4(3.i(\'1m\')){$(7).9({x:\'g\',u:\'g\'})}l 4(3.i(\'U\')){b s=6.m();4(s==0)s=6.j(\'m\');b t=6.q();4(t==0)t=6.j(\'q\');b p=$(7).m();4(p==0)p=$(7).j(\'m\');b k=$(7).q();4(k==0)k=$(7).j(\'q\');$(7).9({v:(t/2-k/2)+\'w\',u:(s/2-p/2)+\'w\'})}l{$(7).9({v:\'g\',u:\'g\'})}$(7).j(\'1l\',\'1n 1h 1M\');3.1f($(7));1i.1N(7)}).j(\'1Q\',3.j(\'1R\'))}};$.R.C.X={n:1J,V:0.8,F:T,W:\'#1Y\',11:0.5,19:0.8}})(1L);',62,124,'|||link|if||img|this||css||var|nivoCaption||settings|function|0px|nivoZoomHover|hasClass|attr|bigImgHeight|else|width|speed|imgLarge|bigImgWidth|height|opacity|imgWidth|imgHeight|left|top|px|bottom|nivoOverlay||addClass|zoomed|nivoZoom|right|animate|overlay|loading|doZoom|fadeOut|100|length|outerHeight|fadeIn|nivoLarge|position|index|display|fn|first|false|center|zoomHoverOpacity|overlayColor|defaults|loadImg|processed|nivo|overlayOpacity|removeClass|nivoZooms|context|browser|options|each|div|captionOpacity|return|300|stop|newImg|showCaption|append|topRight|to|callback|none|bottomRight|title|bottomLeft|Click|is|find|block|hover|class|zoom|inline|relative|90|version|msie|extend|substr|body|fixed|id|prepend|background|bind|Math|ceil|500|absolute|jQuery|close|call|new|load|src|href|99|navigator|match|click|MSIE|Image|333|userAgent'.split('|'),0,{}))
css
.nivoZoomHover {
background: url(../images/zoom.png) no-repeat 50% 50%;
position:absolute;
top:0px;
left:0px;
z-index:9;
width:100%;
height:100%;
cursor:pointer;
}
.nivoCaption {
display:none;
position:absolute;
z-index:110;
text-align:center;
background:#010101;
color:#fff;
padding:4px 0;
overflow:hidden;
}Olá galera, só dizendo que consegui arrumar para ele abrir a imagem, porém gostaria que dess euma olhada lá na galeria do site www.levarech.com.br na imagem da esquerda está indo para a direita certinho, mais a da direita eu gostaria que viesse abrir para a esquerda, para nao abrir todo o site e a do meio no centro.
alguem sabe como posso fazer isso?
Você quer mesmo que a gente advinhe? :mellow: