Power Pixel Fórum - O melhor conteúdo você encontra aqui!
Redes Sociais:

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

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

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

Membro Lenda


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

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

Membro Elite

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

Membro Bronze

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

Membro Prata

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

Membro

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

Membro Bronze

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

@Off
Qualquer dia faço um tutorial.

@Topic
área errada

Mensagem - Página 1 de 1

Tópicos similares

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