Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom pessoa, peguei esse script e adaptei para buscar dados na tabela
Script original de: Dirceu Bimont Ivo - http://my.opera.com/bimonti/
É tudo relativamente simples: coloquei tudo em apenas uma página para descomplicar
O código está totalmente comentado para identificar as alterações necessárias.
CONTEUDO DO BANCO DE DADOS:
id_materia
data_materia
titulo_materia
materia_materia
url_foto_materia
<%Dim rsDim rs_numRowsSet rs = Server.CreateObject("ADODB.Recordset")rs.ActiveConnection = MM_noticias_STRINGrs.Source = "SELECT * FROM materias ORDER BY data_materia DESC"rs.CursorType = 0rs.CursorLocation = 2rs.LockType = 1rs.Open()rsNotPainel2_numRows = 0%>%><%Dim strRe__numRowsDim strRe__indexstrRe__numRows = 4strRe__index = 0rs_numRows = rs_numRows + strRe__numRows%><script type="text/javascript"> function settings(){ var el = document.getElementById('settings'); (el.style.display == 'none') ? el.style.display = 'block' : el.style.display = 'none'; }</script><script type="text/javascript">/*$BD:Slide - version 0.9.4$$LastModified: 04/02/2006$Sistema Free para uso pessoal ou comercial contanto que oscréditos permaneçam intactos. Eu já nem estou colocando ummonte de coisa pra não deixar o código pesado. ^^Maiores Informações:[url="[http://my.opera.com/bimonti/"]http://my.opera.com/bimonti/[/url]*/slide](http://my.opera.com/bimonti/) = { // vetor com os slides _imagens : [<%While ((strRe__numRows <> 0) AND (NOT rs.EOF)) Response.Write("["""&(rs("url_foto_materia").Value)&""","""&(rs("data_materia"))&""","""&Mid(rs("titulo"),1,45)&"..."",""/lernoticia.asp?mat="&(rs("id_materia"))&""""&"],")Response.Write(vbnewline)strRe__index=strRe__index+1strRe__numRows=strRe__numRows-1rs.MoveNext()Wend%>//COLOQUE UMA IMAGEM QUALQUER AQUI, POIS COMO MOSTRADO ACIMA ELE INSERE O CODIGO AUTOMATICAMENTE,//E NA ULTIMA LINHA (NESSA ABAIXO) NAO PODERA CONTER A VIRGULA DEPOIS DO COLCHETE. ["/IMAGENS/img_rotation_end.jpg","ANUNCIE AQUI","Aqui sua empresa APARECE","ANUNCIE.htm"] ], // ID dos elementos que o sistema modifica // ID da imagem do slide _slideImg : 'slideImg', // ID do link do slide, ou seja, um elemento A _linkSlide : 'linkSlide', // ID do título do slide, uma div ou span por exemplo _titleSlide: 'titleSlide', // ID do título do slide, idêntico ao de cima _textSlide : 'textSlide', // ID da imagem de play|pause _playPause : 'playpause', // ID da div que mostra ou esconde as opções de customização de tempo // essa opção pode ser omitida do usuário, basta retirar o botão // settings da página, e como a div já vem com o display:none por // padrão o usuário não terá acesso a essas opções. _showTimer : 'showTimer', // variáveis do sistema // Daqui para baixo não é necessário alterar mais nada, aqui o sistema // cuidará de tudo _count : 0, _length : null, _timeOutID : null, _pause : false, _timer : 4, // função que inicia o slide e seta todas os parâmetros necessários start : function(){ with(this){ _preLoader(); _length = _imagens.length; _work(); } }, // faz o pré-carregamento das imagens _preLoader : function(){ for(x in this._imagens){ var image = new Image(); image.src = this._imagens[x][1]; } }, // função principal que faz as checagens necessárias _work : function(){ with(this){ (_count == _length) ? _count = 0 : (_count < 0) ? _count = _length-1 : void(0); var current = _imagens[_count]; _exchange(current); if(!_pause){ (typeof(_timeOutID) == "number") ? clearTimeout(_timeOutID) : void(0); _timeOutID = setTimeout( function(){ slide.next(); fade(0,0,$(_slideImg)); }, (Number(_timer)*1000) ); } } }, // função que altera os elementos da página, altere os IDs se necessário _exchange : function(img){ this.$(this._slideImg).src = img[0]; this.$(this._titleSlide).innerHTML = img[1]; this.$(this._textSlide).innerHTML = img[2]; this.$(this._linkSlide).href = img[3]; this.fade(50,100,this.$(this._slideImg)); }, // altera para o próximo slide ao clicar no botão Próximo next : function(){ with(this){ _count++; _work(); } }, // altera para o slide anterior ao clicar no botão correspondente previous : function(){ with(this){ _count--; _work(); } }, // pausa e continua a apresentação pause : function(){ var img = this.$(this._playPause); if(this._pause){ this._pause = false; img.src = '/modules/noticias/imgs/pause.gif'; img.title = 'Parar'; } else{ this._pause = true; img.src = '/modules/noticias/imgs/play.gif'; img.title = 'Continuar'; } with(this){(typeof(_timeOutID) == "number") ? clearTimeout(_timeOutID) : void(0); _work();} }, // controla o tempo de troca de cada slide tControl : function(act){ with(this){ (act=="m")?((_timer==4)?void(0):_timer=_timer-1):((_timer==9)?void(0):_timer= _timer +1); this.$(this._showTimer).innerHTML = _timer+"s"; } }, // altera a opacidade do elemento e suaviza a transição entre os slides fade : function (){ var type,signal; var from = arguments[0]; var to = arguments[1]; var el = arguments[2]; (document.all) ? type = 'filter' : type = 'opacity'; (from>to) ? signal = '-' : signal= '+'; if(from >= to/2){ from = eval(from+signal+10); }else{ from = eval(from+signal+5); } if(type=='opacity'){ try{el.style[type] = Number(from*0.01); }catch(e){} }else{ try{el.style[type] = 'alpha(opacity='+from+')'; }catch(e){} } if(from != to){ setTimeout( function(){ slide.fade(from,to,slide.$(slide._slideImg)); } ,50); } }, // retorna o elemento solicitado através de seu ID $ : function(){ return document.getElementById(arguments[0]); }}</script></head><style type="text/css"><!--img{ border: 0px;}#nav{ width: 100%; background: #D9ECFF; padding: 0px;}#nav ul{ padding: 0px; }#nav ul li{ display: inline; float: right; list-style-type: none; margin: 0px; padding: 3px;}#nav ul li a{ /*padding: 3px 3px 0px 3px;*/ background: #D9ECFF;}#nav ul li a:hover{ background: #D9ECFF;}#pic{ width: 295px; padding: 0px; margin: 0px;}#pic .img{ padding: 3px; background: #eee;}#titleSlide{padding: 3px; margin: 0px; background: #D9ECFF; }#titleSlide a{ text-decoration: none; color: #555;}#textSlide{ width: 280px; padding: 3px; margin: 0px; font: normal 12px 'Trebuchet MS'; background: #D9ECFF; }#settings{ width: 100px;}#settings span, #settings img{ float: left;}#settings span{ font: bold 11px 'Arial'; width: 20px; text-align: center; line-height: 19px; border: 1px dashed #ccc; background: #eee; height: 16px; margin: 0px 2px;}.center{ width: 300px; float:left; margin: 0px auto; background:#D9ECFF;}--></style><body onload="slide.start()"> <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div class="center"> <div id="pic"> <a href="" id="linkSlide"> <img name="slideImg" width="294" border="0" height="204" class="img" id="slideImg" /> </a> </div> </div></td> </tr> <tr> <td><table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="162" bgcolor="#D9ECFF"><div id="titleSlide" class="faa f10"></div> </td> <td width="138" align="right" bgcolor="#D9ECFF"> <div id="nav"> <ul> <li> <a href="#" onclick="slide.previous();"> <img src="/modules/noticias/imgs/next.gif" /> </a> </li> <li> <a href="#" onclick="slide.pause();"> <img id="playpause" src="/modules/noticias/imgs/pause.gif" /> </a> </li> <li> <a href="#" onclick="slide.next();"> <img src="/modules/noticias/imgs/past.gif" /> </a> </li> </ul> </div></td> </tr> <tr> <td colspan="2" bgcolor="#D9ECFF"> <a href="" id="linkSlide"><div id="textSlide"></div></a></td> </tr> </table></td> </tr> </table> <%rs.Close()Set rs = Nothing%>Bom é isso dai, se alguem puder dar mais uma dar mais uma encrementada.
Abraços!
Carregando comentários...