Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 27
Sexo: Masculino
Localização: SC/Caçador/Brasil
Contato:

script para notícias em slide

14-08-2008 22:43

olá, alguém possui um script para mostrar as notícias em slides assim como neste portal?
http://novosite.sistemas.pcohost.pro.br/index.php

grato
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

script para notícias em slide

14-08-2008 22:50

Aqui no fórum já postei alguns scripts de slide, digita na caixa de busca: slide, e clica no link: GOOGLE
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 27
Sexo: Masculino
Localização: SC/Caçador/Brasil
Contato:

script para notícias em slide

15-08-2008 11:55

Olá, pesquisando por aee encontrei um script de tmferreira

<html> <head> <title>S l i d e S h o w - by tmferreira</title> <style><!-- * { margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: Verdana, Arial, Helvetica, Sans-Serif; } div#slideshow { height: 250px; width: 500px; border: 1px solid black; } div#slideshow #links { float: right; clear: both; width: 10%; text-align: center; } div#slideshow #links li { font-size: 12px; border-top: 1px solid white; line-height: 49px; } div#slideshow #links li.inativo { background: #EEEEEE; } div#slideshow #links li.ativo { background: #D9D9D9; } div#slideshow #slides { background: #BBBBBB; height: 100%; color: white; font-size: 14px; } div#slideshow #slides .visible { display: block; } div#slideshow #slides .hidden { display: none; } div#slideshow #slides div span { display: block; } div#slideshow #slides .titulo{ font-weight: bold; font-size: 16px; padding: 5px 0 0 5px; } div#slideshow #slides .conteudo { padding: 0 0 0 5px; } --></style> <script type="text/javascript"> var tempo; var intervalo = 2000; //Intervalo entra as mudanças de slides. Definido em milisegundos. function $(campo) { return document.getElementById(campo); } //Trecho de código criado por Wilker, pego em http://forum.imasters.com.br/index.php?s=&showtopic=198704&view=findpost&p=660522 var $A = Array.from = function(iterable) { if (!iterable) return []; if (iterable.toArray) { return iterable.toArray(); } else { var results = []; for (var i = 0; i < iterable.length; i++) results.push(iterable[i]); return results; } }; Function.prototype.bind = function() { var __method = this, args = $A(arguments), object = args.shift(); return function() { return __method.apply(object, args.concat($A(arguments))); }; }; //Fim do trecho de código criado por Wilker function addEvent(obj, evType, fn) { //Função adaptada da original de Christian Heilmann, em http://www.onlinetools.org/articles/unobtrusivejavascript/chapter4.html if (typeof obj == "string") { if (null == (obj = document.getElementById(obj))) { throw new Error("Elemento HTML não encontrado. Não foi possível adicionar o evento."); } } if (obj.attachEvent) { return obj.attachEvent(("on" + evType), fn); } else if (obj.addEventListener) { return obj.addEventListener(evType, fn, true); } else { throw new Error("Seu browser não suporta adição de eventos."); } } function nextSlide() { var divs = $('slides').getElementsByTagName('div'); var i; for (i = 0; i < divs.length; i++) { if (divs[i].className == 'visible') { divs[i].className = 'hidden'; $('link' + (i + 1)).className = 'inativo' i = (i == divs.length - 1) ? 0 : i + 1; divs[i].className = 'visible'; $('link' + (i + 1)).className = 'ativo' break; } } } function init() { var as = $('links').getElementsByTagName('a'); var i; for (i = 0; i < as.length; i++) { var f = function(v) { setSlide(as[v]); } addEvent(as[i], 'click', f.bind(this, i)); } tempo = setInterval('nextSlide()', intervalo); } function setSlide(link) { var divs = $('slides').getElementsByTagName('div'); var i; for (i = 0; i < divs.length; i++) { divs[i].className = 'hidden'; } var lis = $('links').getElementsByTagName('li'); for (i = 0; i < lis.length; i++) { lis[i].className = 'inativo'; } link.parentNode.className = 'ativo'; i = parseInt(link.firstChild.data); $('slide' + i).className = 'visible'; clearInterval(tempo); } addEvent(window, 'load', init); </script> </head> <body> <div id="slideshow" name="slideshow"> <div id="links" name="links"> <ul> <li id="link1" name="link1" class="ativo"><a href="#">1</a></li> <li id="link2" name="link2" class="inativo"><a href="#">2</a></li> <li id="link3" name="link3" class="inativo"><a href="#">3</a></li> <li id="link4" name="link4" class="inativo"><a href="#">4</a></li> <li id="link5" name="link5" class="inativo"><a href="#">5</a></li> </ul> </div> <div id="slides" name="slides"> <div id="slide1" name="slide1" class="visible"> <span class="titulo">Título 1</span> <span class="conteudo"><img src="logo.jpg" width="100px" height="100px" style="float:left; margin: 8px; margin-left: 0;" />Lorem ipsum dolor lorem ipsum dolor amet sit crustaceous, carpe diem est im corpus writ. Habeus corpus semper fidelus dolor amet lorem carpe diem est im corpus writ. Lorem ipsum dolor lorem ipsum dolor amet sit crustaceous, carpe diem est im corpus writ. Habeus corpus semper fidelus dolor amet lorem carpe diem est im corpus writ. <br /> Lorem ipsum dolor lorem ipsum dolor amet sit crustaceous, carpe diem est im corpus writ. Habeus corpus semper fidelus dolor amet lorem carpe diem est im corpus writ. Lorem ipsum dolor lorem ipsum dolor amet sit crustaceous, carpe diem est im corpus writ. </span> </div> <div id="slide2" name="slide2" class="hidden"> <span class="titulo">Título 2</span> <span class="conteudo"><img src="logo.jpg" width="100px" height="100px" style="float:left; margin: 8px; margin-left: 0;" />Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </span> </div> <div id="slide3" name="slide3" class="hidden"> <span class="titulo">Título 3</span> <span class="conteudo"><img src="logo.jpg" width="100px" height="100px" style="float:left; margin: 8px; margin-left: 0;" />It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). </span> </div> <div id="slide4" name="slide4" class="hidden"> <span class="titulo">Título 4</span> <span class="conteudo"><img src="logo.jpg" width="100px" height="100px" style="float:left; margin: 8px; margin-left: 0;" />There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. </span> </div> <div id="slide5" name="slide5" class="hidden"> <span class="titulo">Título 5</span> <span class="conteudo"><img src="logo.jpg" width="100px" height="100px" style="float:left; margin: 8px; margin-left: 0;" />Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. </span> </div> </div> </div> </body> </html>

e também um script

<div id="slideshow" name="slideshow"> <div id="links" name="links"> <ul> <?php require("con.php"); $sql = mysql_query("SELECT * FROM tabeladenoticias ORDER BY data DESC LIMIT 5"); $i=1; $class="ativo"; while($mostrar = mysql_fetch_assoc($sql)) { echo "<li id=link$i name=link$i class=$class><a href=#>$i</a></li>"; ?> <? $i++; $class="inativo";} ?> </ul> </div> <div id="slides" name="slides"> <?php $sql2 = mysql_query("SELECT * FROM tabeladenoticias ORDER BY data DESC LIMIT 5"); $class="visible"; $j=1; while($mostrar2 = mysql_fetch_assoc($sql2)) { echo "<div id=slide$j name=slide$j class=$class> <span class=titulo>$mostrar2[titulodanoticia]</span><br>"; ?> <? $r1=$mostrar2['textodanoticia']; $r12= substr($r1, 0,400); echo "<span class=conteudo><p align=justify>$r12...&nbsp;&nbsp;<a href=http://.../ID da noticia> ler esta not&iacute;cia</a></p></span> </div>"; ?> <? $j++; $class="hidden"; } ?> </div> </div>

à partir deste fiz um assim:

<html> <head> <title>S l i d e S h o w - by tmferreira</title> <style><!-- * { margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: Verdana, Arial, Helvetica, Sans-Serif; } div#slideshow { height: 250px; width: 500px; border: 1px solid black; } div#slideshow #links { float: right; clear: both; width: 10%; text-align: center; } div#slideshow #links li { font-size: 12px; border-top: 1px solid white; line-height: 49px; } div#slideshow #links li.inativo { background: #EEEEEE; } div#slideshow #links li.ativo { background: #D9D9D9; } div#slideshow #slides { background: #BBBBBB; height: 100%; color: white; font-size: 14px; } div#slideshow #slides .visible { display: block; } div#slideshow #slides .hidden { display: none; } div#slideshow #slides div span { display: block; } div#slideshow #slides .titulo{ font-weight: bold; font-size: 16px; padding: 5px 0 0 5px; } div#slideshow #slides .conteudo { padding: 0 0 0 5px; } --></style> <script type="text/javascript"> var tempo; var intervalo = 2000; //Intervalo entra as mudanças de slides. Definido em milisegundos. function $(campo) { return document.getElementById(campo); } //Trecho de código criado por Wilker, pego em http://forum.imasters.com.br/index.php?s=&showtopic=198704&view=findpost&p=660522 var $A = Array.from = function(iterable) { if (!iterable) return []; if (iterable.toArray) { return iterable.toArray(); } else { var results = []; for (var i = 0; i < iterable.length; i++) results.push(iterable[i]); return results; } }; Function.prototype.bind = function() { var __method = this, args = $A(arguments), object = args.shift(); return function() { return __method.apply(object, args.concat($A(arguments))); }; }; //Fim do trecho de código criado por Wilker function addEvent(obj, evType, fn) { //Função adaptada da original de Christian Heilmann, em http://www.onlinetools.org/articles/unobtrusivejavascript/chapter4.html if (typeof obj == "string") { if (null == (obj = document.getElementById(obj))) { throw new Error("Elemento HTML não encontrado. Não foi possível adicionar o evento."); } } if (obj.attachEvent) { return obj.attachEvent(("on" + evType), fn); } else if (obj.addEventListener) { return obj.addEventListener(evType, fn, true); } else { throw new Error("Seu browser não suporta adição de eventos."); } } function nextSlide() { var divs = $('slides').getElementsByTagName('div'); var i; for (i = 0; i < divs.length; i++) { if (divs[i].className == 'visible') { divs[i].className = 'hidden'; $('link' + (i + 1)).className = 'inativo' i = (i == divs.length - 1) ? 0 : i + 1; divs[i].className = 'visible'; $('link' + (i + 1)).className = 'ativo' break; } } } function init() { var as = $('links').getElementsByTagName('a'); var i; for (i = 0; i < as.length; i++) { var f = function(v) { setSlide(as[v]); } addEvent(as[i], 'click', f.bind(this, i)); } tempo = setInterval('nextSlide()', intervalo); } function setSlide(link) { var divs = $('slides').getElementsByTagName('div'); var i; for (i = 0; i < divs.length; i++) { divs[i].className = 'hidden'; } var lis = $('links').getElementsByTagName('li'); for (i = 0; i < lis.length; i++) { lis[i].className = 'inativo'; } link.parentNode.className = 'ativo'; i = parseInt(link.firstChild.data); $('slide' + i).className = 'visible'; clearInterval(tempo); } addEvent(window, 'load', init); </script> </head> <body> <div id="slideshow" name="slideshow"> <div id="links" name="links"> <ul> <?php $sql = mysql_query("SELECT * FROM noticias_dados where destaque='sim' order by id desc LIMIT 5"); $sql2 = mysql_query("SELECT * FROM noticias_dados where destaque='sim' order by id desc LIMIT 5"); $i=1; $class="ativo"; while($mostrar = mysql_fetch_assoc($sql)) { echo "<li id=link$i name=link$i class=$class><a href=#>$i</a></li>"; ?> <? $i++; $class="inativo";} ?> </ul> </div> <div id="slides" name="slides"> <?php $sql2 = mysql_query("SELECT * FROM noticias_dados where destaque='sim' order by id desc LIMIT 5"); $class="visible"; $j=1; while($mostrar2 = mysql_fetch_assoc($sql2)) { echo "<div id=slide$j name=slide$j class=$class> <span class=titulo>$mostrar2[titulo]</span><br>"; ?> <? $r1=$mostrar2['texto']; $r12= substr($r1, 0,400); echo "<span class=conteudo><p align=justify>$r12...&nbsp;&nbsp;<a href=http://.../ID da noticia> ler esta not&iacute;cia</a></p></span> </div>"; ?> <? $j++; $class="hidden"; } ?> </div> </div> </body> </html>

só falta agora ajustar ele para mostrar as imagens, pois estou a utilizar este que mostra as ultimas 5 notícias

<? $sql = mysql_query("SELECT * FROM noticias_dados where destaque='sim' order by id desc LIMIT 5"); $sql2 = mysql_query("SELECT * FROM noticias_dados where destaque='sim' order by id desc LIMIT 5"); $total = mysql_num_rows($sql); if ($total==0) { echo "<br><center>Nenhum registro encontrado!</center>";} else if ($total>0) { $x=0; ?><br> <table width="100%" border=0 cellpadding=2 cellspacing=0> <? while ($x<$total) { $dados2=mysql_fetch_array($sql2); // Changing Background color for each alternate row if (($x%2)==0) { $bgcolor="#FFFFFF"; } else { $bgcolor="$corcelula2"; } ?> <tr> <td><? if($dados2[foto01] != "") { echo "<font size='4'><strong>$dados2[titulo]</strong></font><br> <a href='?pg=noticia&id=$dados2[id]'><img vspace='2' src='thumbs.php?w=200&imagem=images/noticias/$dados2[id]/$dados2[foto01]' border='$dados2[borda]'> $dados2[subtitulo]</a>"; } else{ echo "<a href='?pg=noticia&id=$dados2[id]'><strong><font size='4'>$dados2[titulo]</font></strong><BR>$dados2[subtitulo]</a>"; }?> <br> <br></td> </tr> <? $x++; } // end while ?> <tr><td height="1" background="images/layout/barrinha_divisao_horizontal.gif"></td></tr> </table> <? } // end if numberall > 0 ?>

se alguém puder me auxiliar eu agradeço.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

script para notícias em slide

15-08-2008 12:40

Essas imagens que quer mostrar são cadastradas junto com as notícias?

Se sim, basta chamar elas pela variável correspondente.

Eu acho que esse script é bem mais parecido com o que precisa.

http://www.codigosnaweb.com/forum/viewtopic.php?t=1903

Só adaptar pegando os dados do bd.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 27
Sexo: Masculino
Localização: SC/Caçador/Brasil
Contato:

script para notícias em slide

16-08-2008 11:35

tah funcionando agora
http://www.acavolei.org/sistema_diocese/?pg=noticias

mas as imagens, gostaria de mostrar em tamanho padrão (único)

segue o arquivo:

<html> <head> <title>S l i d e S h o w - by tmferreira</title> <style><!-- * { margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: Verdana, Arial, Helvetica, Sans-Serif; } div#slideshow { height: 250px; width: 500px; border: 1px solid black; } div#slideshow #links { float: right; clear: both; width: 10%; text-align: center; } div#slideshow #links li { font-size: 12px; border-top: 1px solid white; line-height: 49px; } div#slideshow #links li.inativo { background: #EEEEEE; } div#slideshow #links li.ativo { background: #D9D9D9; } div#slideshow #slides { background: #BBBBBB; height: 100%; color: white; font-size: 14px; } div#slideshow #slides .visible { display: block; } div#slideshow #slides .hidden { display: none; } div#slideshow #slides div span { display: block; } div#slideshow #slides .titulo{ font-weight: bold; font-size: 16px; padding: 5px 0 0 5px; } div#slideshow #slides .conteudo { padding: 0 0 0 5px; } --></style> <script type="text/javascript"> var tempo; var intervalo = 2000; //Intervalo entra as mudanças de slides. Definido em milisegundos. function $(campo) { return document.getElementById(campo); } //Trecho de código criado por Wilker, pego em http://forum.imasters.com.br/index.php?s=&showtopic=198704&view=findpost&p=660522 var $A = Array.from = function(iterable) { if (!iterable) return []; if (iterable.toArray) { return iterable.toArray(); } else { var results = []; for (var i = 0; i < iterable.length; i++) results.push(iterable[i]); return results; } }; Function.prototype.bind = function() { var __method = this, args = $A(arguments), object = args.shift(); return function() { return __method.apply(object, args.concat($A(arguments))); }; }; //Fim do trecho de código criado por Wilker function addEvent(obj, evType, fn) { //Função adaptada da original de Christian Heilmann, em http://www.onlinetools.org/articles/unobtrusivejavascript/chapter4.html if (typeof obj == "string") { if (null == (obj = document.getElementById(obj))) { throw new Error("Elemento HTML não encontrado. Não foi possível adicionar o evento."); } } if (obj.attachEvent) { return obj.attachEvent(("on" + evType), fn); } else if (obj.addEventListener) { return obj.addEventListener(evType, fn, true); } else { throw new Error("Seu browser não suporta adição de eventos."); } } function nextSlide() { var divs = $('slides').getElementsByTagName('div'); var i; for (i = 0; i < divs.length; i++) { if (divs[i].className == 'visible') { divs[i].className = 'hidden'; $('link' + (i + 1)).className = 'inativo' i = (i == divs.length - 1) ? 0 : i + 1; divs[i].className = 'visible'; $('link' + (i + 1)).className = 'ativo' break; } } } function init() { var as = $('links').getElementsByTagName('a'); var i; for (i = 0; i < as.length; i++) { var f = function(v) { setSlide(as[v]); } addEvent(as[i], 'click', f.bind(this, i)); } tempo = setInterval('nextSlide()', intervalo); } function setSlide(link) { var divs = $('slides').getElementsByTagName('div'); var i; for (i = 0; i < divs.length; i++) { divs[i].className = 'hidden'; } var lis = $('links').getElementsByTagName('li'); for (i = 0; i < lis.length; i++) { lis[i].className = 'inativo'; } link.parentNode.className = 'ativo'; i = parseInt(link.firstChild.data); $('slide' + i).className = 'visible'; clearInterval(tempo); } addEvent(window, 'load', init); </script> </head> <body> <div id="slideshow" name="slideshow"> <div id="links" name="links"> <ul> <?php $sql = mysql_query("SELECT * FROM noticias_dados where destaque='sim' order by id desc LIMIT 5"); $sql2 = mysql_query("SELECT * FROM noticias_dados where destaque='sim' order by id desc LIMIT 5"); $i=1; $class="ativo"; while($mostrar = mysql_fetch_assoc($sql)) { echo "<li id=link$i name=link$i class=$class><a href=#>$i</a></li>"; ?> <? $i++; $class="inativo";} ?> </ul> </div> <div id="slides" name="slides"> <?php $sql2 = mysql_query("SELECT * FROM noticias_dados where destaque='sim' order by id desc LIMIT 5"); $class="visible"; $j=1; while($dados2=mysql_fetch_array($sql2)) { echo "<div id=slide$j name=slide$j class=$class> <span class=titulo>$dados2[titulo]</span><br>"; ?> <? $r1=$mostrar2['texto']; $r12= substr($r1, 0,400); echo "<a href='?pg=noticia&id=$dados2[id]'><img vspace='2' src='thumbs.php?w=400&imagem=images/noticias/$dados2[id]/$dados2[foto01]' border='$dados2[borda]'><br>$dados2[subtitulo]</a></p></span> </div>"; ?> <? $j++; $class="hidden"; } ?> </div> </div> </body> </html>

e o banco de dados é assim:

CREATE TABLE `noticias_dados` ( `id` int(5) NOT NULL auto_increment, `idcat` char(3) collate latin1_general_ci NOT NULL default '', `nome` varchar(30) collate latin1_general_ci NOT NULL default '', `email` varchar(80) collate latin1_general_ci default NULL, `data` date NOT NULL default '0000-00-00', `titulo` text collate latin1_general_ci NOT NULL, `subtitulo` text collate latin1_general_ci, `texto` text collate latin1_general_ci NOT NULL, `foto01` varchar(50) collate latin1_general_ci default NULL, `fotos_extras` char(3) collate latin1_general_ci NOT NULL default 'nao', `alinhamento_foto` varchar(5) collate latin1_general_ci NOT NULL default 'left', `borda` char(3) collate latin1_general_ci NOT NULL default '', `creditos_foto` varchar(255) collate latin1_general_ci NOT NULL default 'Flávio Manoel', `destaque` varchar(3) collate latin1_general_ci NOT NULL default 'nao', `largura_foto` char(3) collate latin1_general_ci NOT NULL default '405', `altura_foto` char(3) collate latin1_general_ci NOT NULL default '', PRIMARY KEY (`id`), UNIQUE KEY `id` (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=43 ;

0
 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 27
Sexo: Masculino
Localização: SC/Caçador/Brasil
Contato:

script para notícias em slide

16-08-2008 12:21

encontrei um muito legal, mas é em asp:

<%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:http://my.opera.com/bimonti/*/slide = { // 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%>

aparentemente fica muito legal, vou tentar fazer igual em php será que vai?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

script para notícias em slide

16-08-2008 12:28

De asp não entendo, mas, no script q tá rodando, coloca a imagem para rodar em thumbnail.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 27
Sexo: Masculino
Localização: SC/Caçador/Brasil
Contato:

script para notícias em slide

16-08-2008 12:30

rs, legal, mas eu não sei fazer isso não.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

script para notícias em slide

16-08-2008 12:45

Cria um php chamado img.php

Ai coloca o seguinte

<?php $id = $_GET['imagem']; $filename = $id; header('Content-type: image/jpeg'); list($width, $height) = getimagesize($filename); /* Seta o tamanho da imagem */ $newwidth = '90'; $newheight = '70'; $thumb = imagecreatetruecolor($newwidth, $newheight); $source = imagecreatefromjpeg($filename); imagecopyresized($thumb, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height); imagejpeg($thumb, '', 100000); ?>

90 e 70 são largura e altura do thumbnail da imagem.

depois para criar o thumbnail automático vc faz assim:

<img src="img.php?imagem=...">

Onde está os três pontos, vc coloca o caminho até a imagem ( com pasta ).

* As imagens que vão ficar em miniatura devem ser jpg.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 27
Sexo: Masculino
Localização: SC/Caçador/Brasil
Contato:

script para notícias em slide

16-08-2008 14:30

desta maneira não funcionou, mas eu jah resolví.
http://www.acavolei.org/sistema_diocese/
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

script para notícias em slide

16-08-2008 15:06

Boa ¨smile2¨
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 27
Sexo: Masculino
Localização: SC/Caçador/Brasil
Contato:

script para notícias em slide

16-08-2008 21:50

bem consegui alterar fazendo o seguinte

onde estava
echo "<a href='?pg=noticia&id=$dados2[id]'><img vspace='2' src='thumbs.php?w=200&imagem=images/noticias/$dados2[id]/$dados2[foto01]' border='$dados2[borda]'><br><font size='2' color='#6699cc'><strong>$dados2[subtitulo]</strong></font></a></p></span>

coloquei
echo "<a href='?pg=noticia&id=$dados2[id]'><img vspace='2' src='thumbs.php?w=261&h=250&imagem=images/noticias/$dados2[id]/$dados2[foto01]' border='$dados2[borda]'><br><font size='2' color='#6699cc'><strong>$dados2[subtitulo]</strong></font></a></p></span>

funcionou perfeitamente.

mas agora estou a tentar deixar o slide abaixo das imagens e não toh conseguindo.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

script para notícias em slide

16-08-2008 22:21

Como assim slide abaixo da imagem? A imagem gerada pelo script não é para rodar no slide?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 25 postagens
Mais de 25 postagens
Tópico Autor
Mensagens: 27
Sexo: Masculino
Localização: SC/Caçador/Brasil
Contato:

script para notícias em slide

16-08-2008 22:35

não são os números referentes as 5 notícias que ficam do lado direito, estou tentando colocar eles abaixo.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

script para notícias em slide

16-08-2008 22:52

Ai é questão de tabela, provavelmente deve estar uma coluna com a imagem, e a outra com os números, tenta inverter o conteúdo de cada td.

Se for em tableless, a mesma coisa, só que no caso, só inverter os valores das divs.
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: script para notícias em slide

20-02-2016 20:24

Uma recomendação para quem procura um script para exibir notícias tipo slide. Segue abaixo um link com vários script de rotação de notícias em jQuery
http://www.jqueryrain.com/demo/jquery-news-ticker/
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado