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

Power Pixel » Códigos e Tecnologia » O universo dos desenvolvedores » Layouts & CMSE » [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]









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


}



href='Link 01' target='_self' title='Titulo 01'>Titulo <br />01src='http://familia13.webs.com/Imagens/slide.PNG'/>

class='panel'>


href='Link 03' target='_self' title='Titulo 03'>Titulo <br />03src='http://familia13.webs.com/Imagens/slide.PNG'/>


href='Link 04' target='_self' title='Titulo 04'>Titulo <br />04src='http://familia13.webs.com/Imagens/slide.PNG'/>




class='cross-link active-thumb' href='#1'>Titulo 01class='nav-thumb' id='img1'
onclick='javascript:trackEvent('br_home_home_destaque', 'Click Troca
Destaque', 'nearbr.com');'
src='http://i46.tinypic.com/dqnr5f.jpg'/>

class='cross-link active-thumb' href='#2'>Titulo 02class='nav-thumb' id='img2'
onclick='javascript:trackEvent('br_home_home_destaque', 'Click Troca
Destaque', 'nearbr.com');'
src='http://i49.tinypic.com/o9oo5k.jpg'/>

class='cross-link active-thumb' href='#3'>Titulo 03class='nav-thumb' id='img3'
onclick='javascript:trackEvent('br_home_home_destaque', 'Click Troca
Destaque', 'nearbr.com');'
src='http://i49.tinypic.com/24ljukm.jpg'/>

class='cross-link active-thumb' href='#4'>Titulo 04class='nav-thumb' id='img4'
onclick='javascript:trackEvent('br_home_home_destaque', 'Click Troca
Destaque', 'nearbr.com');'
src='http://i45.tinypic.com/ayp078.jpg'/>

clipImage();



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!

Membro Hiperativo


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

Membro Elite


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