Adicionar slide

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Adicionar slide

Mensagem por Caike em 30/04/13, 12:15 pm

Qual é minha questão:
E ae pessoal. Estou aqui para perguntar como que coloca isto no meu fórum!
Mais eu não vou pegar ele deste jeito. Vou editar. Só não sei qual é o código.


Obrigado pela atenção
att: Caike \o/

Endereço do meu fórum:
http://habboid.foruns.com.pt

Versão do fórum:
PHPBB3


Última edição por Caike em 01/05/13, 06:18 pm, editado 1 vez(es)
avatar

Caike
Nível 6

Masculino
Inscrito dia : 02/05/2012
Mensagens : 72
Pontos Ativos : 128

Ver perfil do usuário http://unitdskylinesnations.forumeiros.com/ https://www.facebook.com/Caike.laurentino https://twitter.com/caikedl

Resolvido Re: Adicionar slide

Mensagem por Quakeeline em 30/04/13, 12:19 pm

Olá,

Poderia me informar o fórum aonde viu isso ?

Até
avatar

Quakeeline
Nível 9

Masculino
Inscrito dia : 26/04/2013
Mensagens : 190
Pontos Ativos : 290

Ver perfil do usuário http://lfdesign.forumeiros.com

Resolvido Re: Adicionar slide

Mensagem por Caike em 30/04/13, 12:25 pm

@Quakeeline escreveu:Olá,

Poderia me informar o fórum aonde viu isso ?

Até

http://www.habbsea.com Feliz
avatar

Caike
Nível 6

Masculino
Inscrito dia : 02/05/2012
Mensagens : 72
Pontos Ativos : 128

Ver perfil do usuário http://unitdskylinesnations.forumeiros.com/ https://www.facebook.com/Caike.laurentino https://twitter.com/caikedl

Resolvido Re: Adicionar slide

Mensagem por Quakeeline em 30/04/13, 12:33 pm

Olá,

Aqui esta o código

Código:
<table><tr><td align="left"><div class="module" style="width:300px; height:260px;"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Anúncios</div><div style="width:370px;">
  <div class="slider-wrapper theme-default">
      <div class="ribbon">
      </div>
      <div id="nivoslider-125" class="nivoSlider" style="width:300px;height:187px;">
                                <a href='http://www.habbsea.com/f5-bate-papo'><img src="http://i.imgur.com/oRrGc.png"  title="#nivoslider-125-caption-3" alt="Cliique aqui"/></a>
                      <a href='http://www.habbsea.com/f2-atualizacoes'> <img src="http://i.imgur.com/fje20.png"  title="#nivoslider-125-caption-1" alt="Clique aqui"/></a>

                                <a href='http://www.habbsea.com/t765-sabatina-habbsea'><img src="http://i.minus.com/j50VwbFnpYjh.png"  title="#nivoslider-125-caption-0" alt="Cliique aqui"/></a>
      </div>
  </div>
  <div id="nivoslider-125-caption-0" class="nivo-html-caption">
      Sabatina Habbsea: faça já sua pergunta!
  </div><div id="nivoslider-125-caption-1" class="nivo-html-caption">
      Fique ligado nas nossas atualizações!
  </div><div id="nivoslider-125-caption-3" class="nivo-html-caption">
      Visite nossa área de bate-papo.
  </div>
      <script type="text/javascript">jQuery(window).load(function(){jQuery("#nivoslider-125").nivoSlider({effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:true,keyboardNav:true,pauseOnHover:true,manualAdvance:false});});</script></div></div></div> </td><td align="left"><div class="module" style="width:435px; height:260px;"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Habbo Hotel: Últimas notícias</div><div id="get"><center>Atualizando notícias.</center></div></div></div></td></tr></table>

Após isso crie um novo JavaScript com o código abaixo

Código:
(function(a){var b=function(p,G){var d=a.extend({},a.fn.nivoSlider.defaults,G);var e={currentSlide:0,currentImage:"",totalSlides:0,running:false,paused:false,stop:false};var f=a(p);f.data("nivo:vars",e);f.css("position","relative");f.addClass("nivoSlider");var g=f.children();g.each(function(){var u=a(this);var r="";if(!u.is("img")){if(u.is("a")){u.addClass("nivo-imageLink");r=u}u=u.find("img:first")}var s=u.width();if(s==0){s=u.attr("width")}var t=u.height();if(t==0){t=u.attr("height")}if(s>f.width()){f.width(s)}if(t>f.height()){f.height(t)}if(r!=""){r.css("display","none")}u.css("display","none");e.totalSlides++});if(d.randomStart){d.startSlide=Math.floor(Math.random()*e.totalSlides)}if(d.startSlide>0){if(d.startSlide>=e.totalSlides){d.startSlide=e.totalSlides-1}e.currentSlide=d.startSlide}if(a(g[e.currentSlide]).is("img")){e.currentImage=a(g[e.currentSlide])}else{e.currentImage=a(g[e.currentSlide]).find("img:first")}if(a(g[e.currentSlide]).is("a")){a(g[e.currentSlide]).css("display","block")}f.css("background",'url("'+e.currentImage.attr("src")+'") no-repeat');f.append(a('<div class="nivo-caption"><p></p></div>').css({display:"none",opacity:d.captionOpacity}));var h=function(t){var r=a(".nivo-caption",f);if(e.currentImage.attr("title")!=""&&e.currentImage.attr("title")!=undefined){var s=e.currentImage.attr("title");if(s.substr(0,1)=="#"){s=a(s).html()}if(r.css("display")=="block"){r.find("p").stop().fadeOut(t.animSpeed,function(){a(this).html(s);a(this).stop().fadeIn(t.animSpeed)})}else{r.find("p").html(s)}r.stop().fadeIn(t.animSpeed)}else{r.stop().fadeOut(t.animSpeed)}};h(d);var i=0;if(!d.manualAdvance&&g.length>1){i=setInterval(function(){q(f,g,d,false)},d.pauseTime)}if(d.directionNav){f.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+d.prevText+'</a><a class="nivo-nextNav">'+d.nextText+"</a></div>");if(d.directionNavHide){a(".nivo-directionNav",f).hide();f.hover(function(){a(".nivo-directionNav",f).show()},function(){a(".nivo-directionNav",f).hide()})}a("a.nivo-prevNav",f).live("click",function(){if(e.running){return false}clearInterval(i);i="";e.currentSlide-=2;q(f,g,d,"prev")});a("a.nivo-nextNav",f).live("click",function(){if(e.running){return false}clearInterval(i);i="";q(f,g,d,"next")})}if(d.controlNav){var k=a('<div class="nivo-controlNav"></div>');f.append(k);for(var l=0;l<g.length;l++){if(d.controlNavThumbs){var m=g.eq(l);if(!m.is("img")){m=m.find("img:first")}if(d.controlNavThumbsFromRel){k.append('<a class="nivo-control" rel="'+l+'"><img src="'+m.attr("rel")+'" alt="" /></a>')}else{k.append('<a class="nivo-control" rel="'+l+'"><img src="'+m.attr("src").replace(d.controlNavThumbsSearch,d.controlNavThumbsReplace)+'" alt="" /></a>')}}else{k.append('<a class="nivo-control" rel="'+l+'">'+(l+1)+"</a>")}}a(".nivo-controlNav a:eq("+e.currentSlide+")",f).addClass("active");a(".nivo-controlNav a",f).live("click",function(){if(e.running){return false}if(a(this).hasClass("active")){return false}clearInterval(i);i="";f.css("background",'url("'+e.currentImage.attr("src")+'") no-repeat');e.currentSlide=a(this).attr("rel")-1;q(f,g,d,"control")})}if(d.keyboardNav){a(window).keypress(function(r){if(r.keyCode=="37"){if(e.running){return false}clearInterval(i);i="";e.currentSlide-=2;q(f,g,d,"prev")}if(r.keyCode=="39"){if(e.running){return false}clearInterval(i);i="";q(f,g,d,"next")}})}if(d.pauseOnHover){f.hover(function(){e.paused=true;clearInterval(i);i=""},function(){e.paused=false;if(i==""&&!d.manualAdvance){i=setInterval(function(){q(f,g,d,false)},d.pauseTime)}})}f.bind("nivo:animFinished",function(){e.running=false;a(g).each(function(){if(a(this).is("a")){a(this).css("display","none")}});if(a(g[e.currentSlide]).is("a")){a(g[e.currentSlide]).css("display","block")}if(i==""&&!e.paused&&!d.manualAdvance){i=setInterval(function(){q(f,g,d,false)},d.pauseTime)}d.afterChange.call(this)});var n=function(v,r,s){for(var t=0;t<r.slices;t++){var u=Math.round(v.width()/r.slices);if(t==r.slices-1){v.append(a('<div class="nivo-slice"></div>').css({left:u*t+"px",width:v.width()-u*t+"px",height:"0px",opacity:"0",background:'url("'+s.currentImage.attr("src")+'") no-repeat -'+(u+t*u-u)+"px 0%"}))}else{v.append(a('<div class="nivo-slice"></div>').css({left:u*t+"px",width:u+"px",height:"0px",opacity:"0",background:'url("'+s.currentImage.attr("src")+'") no-repeat -'+(u+t*u-u)+"px 0%"}))}}};var o=function(v,w,x){var r=Math.round(v.width()/w.boxCols);var s=Math.round(v.height()/w.boxRows);for(var t=0;t<w.boxRows;t++){for(var u=0;u<w.boxCols;u++){if(u==w.boxCols-1){v.append(a('<div class="nivo-box"></div>').css({opacity:0,left:r*u+"px",top:s*t+"px",width:v.width()-r*u+"px",height:s+"px",background:'url("'+x.currentImage.attr("src")+'") no-repeat -'+(r+u*r-r)+"px -"+(s+t*s-s)+"px"}))}else{v.append(a('<div class="nivo-box"></div>').css({opacity:0,left:r*u+"px",top:s*t+"px",width:r+"px",height:s+"px",background:'url("'+x.currentImage.attr("src")+'") no-repeat -'+(r+u*r-r)+"px -"+(s+t*s-s)+"px"}))}}}};var q=function(r,s,t,u){var v=r.data("nivo:vars");if(v&&v.currentSlide==v.totalSlides-1){t.lastSlide.call(this)}if((!v||v.stop)&&!u){return false}t.beforeChange.call(this);if(!u){r.css("background",'url("'+v.currentImage.attr("src")+'") no-repeat')}else{if(u=="prev"){r.css("background",'url("'+v.currentImage.attr("src")+'") no-repeat')}if(u=="next"){r.css("background",'url("'+v.currentImage.attr("src")+'") no-repeat')}}v.currentSlide++;if(v.currentSlide==v.totalSlides){v.currentSlide=0;t.slideshowEnd.call(this)}if(v.currentSlide<0){v.currentSlide=v.totalSlides-1}if(a(s[v.currentSlide]).is("img")){v.currentImage=a(s[v.currentSlide])}else{v.currentImage=a(s[v.currentSlide]).find("img:first")}if(t.controlNav){a(".nivo-controlNav a",r).removeClass("active");a(".nivo-controlNav a:eq("+v.currentSlide+")",r).addClass("active")}h(t);a(".nivo-slice",r).remove();a(".nivo-box",r).remove();var w=t.effect;if(t.effect=="random"){var x=new Array("sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDown","sliceUpDownLeft","fold","fade","boxRandom","boxRain","boxRainReverse","boxRainGrow","boxRainGrowReverse");w=x[Math.floor(Math.random()*(x.length+1))];if(w==undefined){w="fade"}}if(t.effect.indexOf(",")!=-1){var x=t.effect.split(",");w=x[Math.floor(Math.random()*x.length)];if(w==undefined){w="fade"}}if(v.currentImage.attr("data-transition")){w=v.currentImage.attr("data-transition")}v.running=true;if(w=="sliceDown"||w=="sliceDownRight"||w=="sliceDownLeft"){n(r,t,v);var y=0;var z=0;var A=a(".nivo-slice",r);if(w=="sliceDownLeft"){A=a(".nivo-slice",r)._reverse()}A.each(function(){var H=a(this);H.css({top:"0px"});if(z==t.slices-1){setTimeout(function(){H.animate({height:"100%",opacity:"1.0"},t.animSpeed,"",function(){r.trigger("nivo:animFinished")})},100+y)}else{setTimeout(function(){H.animate({height:"100%",opacity:"1.0"},t.animSpeed)},100+y)}y+=50;z++})}else{if(w=="sliceUp"||w=="sliceUpRight"||w=="sliceUpLeft"){n(r,t,v);var y=0;var z=0;var A=a(".nivo-slice",r);if(w=="sliceUpLeft"){A=a(".nivo-slice",r)._reverse()}A.each(function(){var H=a(this);H.css({bottom:"0px"});if(z==t.slices-1){setTimeout(function(){H.animate({height:"100%",opacity:"1.0"},t.animSpeed,"",function(){r.trigger("nivo:animFinished")})},100+y)}else{setTimeout(function(){H.animate({height:"100%",opacity:"1.0"},t.animSpeed)},100+y)}y+=50;z++})}else{if(w=="sliceUpDown"||w=="sliceUpDownRight"||w=="sliceUpDownLeft"){n(r,t,v);var y=0;var z=0;var B=0;var A=a(".nivo-slice",r);if(w=="sliceUpDownLeft"){A=a(".nivo-slice",r)._reverse()}A.each(function(){var H=a(this);if(z==0){H.css("top","0px");z++}else{H.css("bottom","0px");z=0}if(B==t.slices-1){setTimeout(function(){H.animate({height:"100%",opacity:"1.0"},t.animSpeed,"",function(){r.trigger("nivo:animFinished")})},100+y)}else{setTimeout(function(){H.animate({height:"100%",opacity:"1.0"},t.animSpeed)},100+y)}y+=50;B++})}else{if(w=="fold"){n(r,t,v);var y=0;var z=0;a(".nivo-slice",r).each(function(){var I=a(this);var H=I.width();I.css({top:"0px",height:"100%",width:"0px"});if(z==t.slices-1){setTimeout(function(){I.animate({width:H,opacity:"1.0"},t.animSpeed,"",function(){r.trigger("nivo:animFinished")})},100+y)}else{setTimeout(function(){I.animate({width:H,opacity:"1.0"},t.animSpeed)},100+y)}y+=50;z++})}else{if(w=="fade"){n(r,t,v);var C=a(".nivo-slice:first",r);C.css({height:"100%",width:r.width()+"px"});C.animate({opacity:"1.0"},t.animSpeed*2,"",function(){r.trigger("nivo:animFinished")})}else{if(w=="slideInRight"){n(r,t,v);var C=a(".nivo-slice:first",r);C.css({height:"100%",width:"0px",opacity:"1"});C.animate({width:r.width()+"px"},t.animSpeed*2,"",function(){r.trigger("nivo:animFinished")})}else{if(w=="slideInLeft"){n(r,t,v);var C=a(".nivo-slice:first",r);C.css({height:"100%",width:"0px",opacity:"1",left:"",right:"0px"});C.animate({width:r.width()+"px"},t.animSpeed*2,"",function(){C.css({left:"0px",right:""});r.trigger("nivo:animFinished")})}else{if(w=="boxRandom"){o(r,t,v);var D=t.boxCols*t.boxRows;var z=0;var y=0;var E=c(a(".nivo-box",r));E.each(function(){var H=a(this);if(z==D-1){setTimeout(function(){H.animate({opacity:"1"},t.animSpeed,"",function(){r.trigger("nivo:animFinished")})},100+y)}else{setTimeout(function(){H.animate({opacity:"1"},t.animSpeed)},100+y)}y+=20;z++})}else{if(w=="boxRain"||w=="boxRainReverse"||w=="boxRainGrow"||w=="boxRainGrowReverse"){o(r,t,v);var D=t.boxCols*t.boxRows;var z=0;var y=0;var F=0;var W=0;var X=new Array;X[F]=new Array;var E=a(".nivo-box",r);if(w=="boxRainReverse"||w=="boxRainGrowReverse"){E=a(".nivo-box",r)._reverse()}E.each(function(){X[F][W]=a(this);W++;if(W==t.boxCols){F++;W=0;X[F]=new Array}});for(var Y=0;Y<t.boxCols*2;Y++){var Z=Y;for(var aa=0;aa<t.boxRows;aa++){if(Z>=0&&Z<t.boxCols){(function(L,N,O,I,K){var M=a(X[L][N]);var J=M.width();var H=M.height();if(w=="boxRainGrow"||w=="boxRainGrowReverse"){M.width(0).height(0)}if(I==K-1){setTimeout(function(){M.animate({opacity:"1",width:J,height:H},t.animSpeed/1.3,"",function(){r.trigger("nivo:animFinished")})},100+O)}else{setTimeout(function(){M.animate({opacity:"1",width:J,height:H},t.animSpeed/1.3)},100+O)}})(aa,Z,y,z,D);z++}Z--}y+=100}}}}}}}}}}};var c=function(t){for(var u,r,s=t.length;s;u=parseInt(Math.random()*s),r=t[--s],t[s]=t[u],t[u]=r){}return t};var j=function(r){if(this.console&&typeof console.log!="undefined"){console.log(r)}};this.stop=function(){if(!a(p).data("nivo:vars").stop){a(p).data("nivo:vars").stop=true;j("Stop Slider")}};this.start=function(){if(a(p).data("nivo:vars").stop){a(p).data("nivo:vars").stop=false;j("Start Slider")}};d.afterLoad.call(this);return this};a.fn.nivoSlider=function(c){return this.each(function(e,f){var g=a(this);if(g.data("nivoslider")){return g.data("nivoslider")}var d=new b(this,c);g.data("nivoslider",d)})};a.fn.nivoSlider.defaults={effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:".jpg",controlNavThumbsReplace:"_thumb.jpg",keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:0.8,prevText:"Prev",nextText:"Next",randomStart:false,beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};a.fn._reverse=[].reverse})(jQuery);

Investimento: Em todas as páginas

Até


Última edição por Quakeeline em 30/04/13, 12:45 pm, editado 1 vez(es)
avatar

Quakeeline
Nível 9

Masculino
Inscrito dia : 26/04/2013
Mensagens : 190
Pontos Ativos : 290

Ver perfil do usuário http://lfdesign.forumeiros.com

Resolvido Re: Adicionar slide

Mensagem por Caike em 30/04/13, 12:42 pm

O slide não ta rodando '~' e agora???
avatar

Caike
Nível 6

Masculino
Inscrito dia : 02/05/2012
Mensagens : 72
Pontos Ativos : 128

Ver perfil do usuário http://unitdskylinesnations.forumeiros.com/ https://www.facebook.com/Caike.laurentino https://twitter.com/caikedl

Resolvido Re: Adicionar slide

Mensagem por Quakeeline em 30/04/13, 12:46 pm

Olá,

Desculpa o código esta com um erro peço que susbstitua todos os códigos que você pois pelos acima já atualizei

Até
avatar

Quakeeline
Nível 9

Masculino
Inscrito dia : 26/04/2013
Mensagens : 190
Pontos Ativos : 290

Ver perfil do usuário http://lfdesign.forumeiros.com

Resolvido Re: Adicionar slide

Mensagem por Caike em 30/04/13, 01:17 pm

ainda deu erro Triste
avatar

Caike
Nível 6

Masculino
Inscrito dia : 02/05/2012
Mensagens : 72
Pontos Ativos : 128

Ver perfil do usuário http://unitdskylinesnations.forumeiros.com/ https://www.facebook.com/Caike.laurentino https://twitter.com/caikedl

Resolvido Re: Adicionar slide

Mensagem por Convidado em 30/04/13, 04:13 pm

Saudações!

Queira checar Seta http://ajuda.forumeiros.com/t51052-

Até. Piscada

Convidado
Convidado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum