Você não está conectado. Conecte-se ou registre-se

Power Pixel » Paraíso dos Geeks » Universo dos Desenvolvedores » CMS & Layouts » [NEW]Como Colocar Noticias Roller No Site [TUT]

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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

<!-- 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='http://i46.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='http://i49.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='http://i49.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='http://i45.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

Ver perfil do usuário

TrY!

Honorário


avatar

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

Ver perfil do usuário http://www.power-pixel.net/forum
Organiza isso os leitores e usuários agradecem. =)

Ver perfil do usuário

Renan

Honorário


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

Ver perfil do usuário

ωєє

Membro Bronze


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

Ver perfil do usuário

Mani

Membro Prata


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

Ver perfil do usuário

Yorge,

Membro


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

Ver perfil do usuário

Habbirata

Membro Bronze


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

@Off
Qualquer dia faço um tutorial.

@Topic
área errada

Ver perfil do usuário http://weekseries.org/

Conteúdo patrocinado



Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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