Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

kbssa

com slide show

Por , em Javascript

Recommended Posts

kbssa    0

kbssa
Postado

fla ae galera bl

 

entao to fazendo um esquema de slide show pra um portal

ateh fiz o esquema do texto com a foto

mais agora falta fazer o menuzim da noticia

 

ex: quando clicar no 1 abre noticia 1 no slide, clicou no 2 a mesma coisa

 

dae tipo pra cada noticia tem uma imagem do menuzim diferente q muda a cor da opção selecionada

 

para ver esse arquivo com esta

www.acessoregional.com.br/destaque.asp

 

o codigo eh esse

<script>)var SlideShowSpeed = 5000;var CrossFadeDuration = 3;var Menu = new Array(); var Picture = new Array(); var Titulo = new Array(); var Caption = new Array(); Menu[1]  = 'destaque/menu001.jpg';Menu[2]  = 'destaque/menu002.jpg';Menu[3]  = 'destaque/menu003.jpg';Menu[4]  = 'destaque/Image004.jpg';Picture[1]  = 'destaque/Image001.jpg';Picture[2]  = 'destaque/Image002.jpg';Picture[3]  = 'destaque/Image003.jpg';Picture[4]  = 'destaque/Image004.jpg';Titulo[1]  = "Futebol";Titulo[2]  = "Papa";Titulo[3]  = "Musica";Titulo[4]  = "Tecnologia";Caption[1]  = "Grêmio vence o Cerro Porteñoe avança na Libertadores";Caption[2]  = "SP: relógio de quatro toneladas é instalado em Aparecida";Caption[3]  = "Lily Allen: principais atrações do festival Coachella 2007";Caption[4]  = "Robô japonês consegue carregar caixa de 30 kg";var tss;var iss;var jss = 1;var pss = Picture.length-1;function mudafoto() {	jss = 2	if (jss > (pss)) jss=1;		tss = setTimeout('runSlideShow()', SlideShowSpeed);	}var preLoad = new Array();for (iss = 1; iss < pss+1; iss++){preLoad[iss] = new Image();preLoad[iss].src = Picture[iss];}function runSlideShow(){if (document.all){document.images.PictureBox.style.filter="blendTrans(duration=2)";document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";document.images.PictureBox.filters.blendTrans.Apply();}document.images.PictureBox.src = preLoad[jss].src;if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];if (document.getElementById) document.getElementById("TituloBox").innerHTML= Titulo[jss];if (document.all) document.images.PictureBox.filters.blendTrans.Play();jss = jss + 1;if (jss > (pss)) jss=1;tss = setTimeout('runSlideShow()', SlideShowSpeed);}</script><link href="estilo/estilo.css" rel="stylesheet" type="text/css"><style type="text/css"><!--.style1 {	color: #FFFFFF;	font-weight: bold;}--></style></head><body onload=runSlideShow()><table width="450" height="175" border=0 cellpadding=0 cellspacing=0>  <tr>	<td width=450 valign="top" background="images/destaque.jpg">	  <table width="450" height="158" border="0" cellpadding="2" cellspacing="2">		<tr>		  <td width="202" height="140" align="center" valign="bottom"><div align="center"><img src="destaque/carregando.jpg" name=PictureBox width=185 height=120 border="5" style="border-color:#FFFFFF; "></div></td>		  <td width="234" rowspan="2" valign="top"><table width="100%"  border="0" cellpadding="0" cellspacing="0" class="TextoPadrao">			<tr>				  <td align=left style="font-family:verdana, arial; font-size:11px; color:#FFFFFF;" id=TituloBox>					<div align="left" style="font-family:verdana, arial; font-size:11px; color:#FFFFFF; font-weight:bold;">				</div></td>			</tr>			<tr>				  <td height="37" align=left style="font-family:verdana, arial; font-size:11px; color:#FFFFFF; font-weight:bold;" id=CaptionBox>					<div align="left" style="font-family:verdana, arial; font-size:11px; color:#FFFFFF; font-weight:bold;">				</div></td>			</tr>			<tr>			  <td height="60"> </td>			</tr>			<tr>			  <td height="52"> </td>			</tr>		  </table></td>		</tr>		<tr>		  <td valign="top"><div align="center"><img src="destaque/menu.jpg" width=201 height=22 border="0" usemap="#Map" style="border-color:#FFFFFF; "></div></td>		</tr>	  </table>	 </td>  </tr>  <tr>  </tr></table>

as imagens do menu esta la com o declarada no array menu

 

pow galera se alguem poder ajudar fico muito grato

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito