[NEW]Como Colocar Noticias Roller No Site [TUT]

+4
Renan
Mαcнıηє
TrY!
TheFimPraSempre
8 participantes

Início :: Paraíso Nerd :: Universo dos programadores :: Layouts e CMS[NEW]Como Colocar Noticias Roller No Site [TUT]

TheFimPraSempre TheFimPraSempre  • 12.02.12 0:48

[NEW]Como Colocar Noticias Roller No Site [TUT] Empty [NEW]Como Colocar Noticias Roller No Site [TUT] 12.02.12 0:48

<!-- início do codigo -->
<link href='http://familia13.webs.com/Scripts/Slide1.css' rel='Stylesheet' type='text/css'/>
<script src='http://familia13.webs.com/scripts/jqueryslide.js' type='text/javascript'></script>
<script src='http://familia13.webs.com/scripts/jqueryplugin.js' type='text/javascript'></script>
<!-- Fim do codigo -->
<!-- início do codigo01 -->
<script type='text/javascript'>

var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;
var qtdDestaques = 4;

theInterval = function(cur){
clearInterval(theInt);

if( typeof cur != 'undefined' )
curclicked = cur;

$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');

theInt = setInterval(function(){
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
curclicked++;
if( qtdDestaques == curclicked )
curclicked = 0;

}, 5000);
};

$(function(){

$("#main-photo-slider").codaSlider();

$navthumb = $(".nav-thumb");
$crosslink = $(".cross-link");

$navthumb
.click(function() {
var $this = $(this);
theInterval($this.parent().attr('href').slice(1) - 1);
return false;
});

theInterval();
});

function clipImage() {
// clip:rect('top', 'right', 'bottom', 'left')


document.getElementById("img1").style.clip="rect(0px,41px,27px,14px)";document.getElementById("img2").style.clip="rect(0px,41px,27px,14px)";document.getElementById("img3").style.clip="rect(0px,41px,27px,14px)";document.getElementById("img4").style.clip="rect(0px,41px,27px,14px)";


}
</script>
<div class='slider-wrap'><div class='csw' id='main-photo-slider'><div class='panelContainer'>
<div class='panel'><div class='wrapper'>
<a
href='Link 01' target='_self' title='Titulo 01'><img alt='Titulo
01' class='floatRight' height='185px'
src='http://familia13.webs.com/Imagens/slide.PNG'/></a>
<div class='photo-meta-data'>
<div>
<span><a href='Link 01' target='_self' title='Titulo 01'>Frase 01 </a></span>
</div></div></div></div>
<div
class='panel'><div class='wrapper'><a href='Link 02'
target='_self' title='Titulo 02'><img alt='Titulo 02'
class='floatRight' height='185px'
src='http://familia13.webs.com/Imagens/slide.PNG'/></a>
<div class='photo-meta-data'>

<div>
<span><a href='Link 02' target='_self' title='Titulo 02'>Frase 02</a></span>
</div></div></div></div>
<div class='panel'><div class='wrapper'>
<a
href='Link 03' target='_self' title='Titulo 03'><img alt='Titulo
03' class='floatRight' height='185px'
src='http://familia13.webs.com/Imagens/slide.PNG'/></a>
<div class='photo-meta-data'>
<div>
<span><a href='Link 03' target='_self' title='Titulo 03'>Frase 03</a></span>
</div></div></div></div>
<div class='panel'><div class='wrapper'>
<a
href='Link 04' target='_self' title='Titulo 04'><img alt='Titulo
04' class='floatRight' height='185px'
src='http://familia13.webs.com/Imagens/slide.PNG'/></a>
<div class='photo-meta-data'>
<div>
<span><a href='Link 04' target='_self' title='habbidcast'>Frase 04</a></span>

</div></div></div></div>
</div></div>
<div id='borda'><div id='movers-row'>
<div>
<a
class='cross-link active-thumb' href='#1'><img alt='Titulo 01'
class='nav-thumb' id='img1'
onclick='javascript:trackEvent('br_home_home_destaque', 'Click Troca
Destaque', 'nearbr.com');'
src='https://2img.net/h/oi46.tinypic.com/dqnr5f.jpg'/></a></div><div>
<a
class='cross-link active-thumb' href='#2'><img alt='Titulo 02'
class='nav-thumb' id='img2'
onclick='javascript:trackEvent('br_home_home_destaque', 'Click Troca
Destaque', 'nearbr.com');'
src='https://2img.net/h/oi49.tinypic.com/o9oo5k.jpg'/></a></div><div>
<a
class='cross-link active-thumb' href='#3'><img alt='Titulo 03'
class='nav-thumb' id='img3'
onclick='javascript:trackEvent('br_home_home_destaque', 'Click Troca
Destaque', 'nearbr.com');'
src='https://2img.net/h/oi49.tinypic.com/24ljukm.jpg'/></a></div><div>
<a
class='cross-link active-thumb' href='#4'><img alt='Titulo 04'
class='nav-thumb' id='img4'
onclick='javascript:trackEvent('br_home_home_destaque', 'Click Troca
Destaque', 'nearbr.com');'
src='https://2img.net/h/oi45.tinypic.com/ayp078.jpg'/></a></div>
</div><script type='text/javascript'> clipImage(); </script></div></div>
<!-- Fim do codigo01 -->

Copie E Cole Em Seu Site Logo No Final Avera Umas Coisas Com Links De Tinypic Hospede As Imagens Que Deseja E Troqueas

TrY! TrY!  • 12.02.12 11:06

[NEW]Como Colocar Noticias Roller No Site [TUT] Empty Re: [NEW]Como Colocar Noticias Roller No Site [TUT] 12.02.12 11:06


Mal Organizado.
Pelo jeito puro CTRL+C/CTRL+V!

Mαcнıηє Mαcнıηє  • 13.02.12 17:42

[NEW]Como Colocar Noticias Roller No Site [TUT] Empty Re: [NEW]Como Colocar Noticias Roller No Site [TUT] 13.02.12 17:42

Organiza isso os leitores e usuários agradecem. =)

Renan Renan  • 13.02.12 20:40

[NEW]Como Colocar Noticias Roller No Site [TUT] Empty Re: [NEW]Como Colocar Noticias Roller No Site [TUT] 13.02.12 20:40

Explica melhor, coloca uns prints, umas previews. Não seja preguiçoso.

ωєє ωєє  • 14.02.12 1:52

[NEW]Como Colocar Noticias Roller No Site [TUT] Empty Re: [NEW]Como Colocar Noticias Roller No Site [TUT] 14.02.12 1:52

Parece ser um bom tópico,
só falta complementá-lo

Mani Mani  • 15.02.12 8:44

[NEW]Como Colocar Noticias Roller No Site [TUT] Empty Re: [NEW]Como Colocar Noticias Roller No Site [TUT] 15.02.12 8:44

Coloque o Codigo em
Código:
SEU CODIGO!
Por que fora, buga o Fórum!

Yorge, Yorge,  • 15.04.12 15:23

[NEW]Como Colocar Noticias Roller No Site [TUT] Empty Re: [NEW]Como Colocar Noticias Roller No Site [TUT] 15.04.12 15:23

O meu ta dando bug, fica
4 slides parados um encima do outro
e não passa...

Habbirata Habbirata  • 16.04.12 18:42

[NEW]Como Colocar Noticias Roller No Site [TUT] Empty Re: [NEW]Como Colocar Noticias Roller No Site [TUT] 16.04.12 18:42

Um lixo, cara pega um JavaScript JQuery e faz um slide. =\

@Off
Qualquer dia faço um tutorial.

@Topic
área errada
Início :: Paraíso Nerd :: Universo dos programadores :: Layouts e CMS:: [NEW]Como Colocar Noticias Roller No Site [TUT]
Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.