Ir para conteúdo

POWERED BY:

Arquivado

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

jotaerre10

[Resolvido] Carregar Imagens no Index

Por , em Javascript

Recommended Posts

jotaerre10    0

jotaerre10
Postado

Amigos,

 

estou usando o jCycle para fazer o loop de várias imagens no meu site, mas enquanto a página carrega as imagens são exibidas por completas, fazendo o layout ficar uma bosta, só depois de carregado todo o site que o jCycle entra em ação. eis o problema http://www.macaeservicos.com.br/

 

desde já agradeço,

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

esconda as imagens com javascript(colocando <script> no codigo html), depois o cicle vai funcionar, e mostrar uma a uma como deve ser.

Compartilhar este post

Link para o post
Compartilhar em outros sites

jotaerre10    0

jotaerre10
Postado

 

esconda as imagens com javascript(colocando <script> no codigo html), depois o cicle vai funcionar, e mostrar uma a uma como deve ser.

 

não entendi !! tem como explicar ???

 

eu estou fazendo assim:

 

no head

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	
	$('#boxBannerTopo').cycle({
		fx: 'fade',
		speed: 10200 // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	
	
});

</script>
</head>

no body usei PHP e MySQL pra administrar as imagens de um banco

<div id="boxBannerTopo">
                	<?php
					
					$rsAreaTopo = mysql_query("
					SELECT  ARE.idArea,
							ARE.idTema,
							TEM.Nome AS 'Tema',
							ARE.Nome AS 'Area',
							ARE.Fx,
							ARE.Speed,
							ARE.Largura,
							ARE.Altura
					
					FROM    area AS ARE
					
						INNER JOIN tema AS TEM ON TEM.idTema = ARE.idTema
					
					WHERE ARE.idTema = 6
					
					AND ARE.Nome = 'topo'");
					//
					list($idArea,$idTema,$tema,$area,$fx,$speed,$largura,$altura) = mysql_fetch_array($rsAreaTopo);
					
                    $rsTopo = mysql_query("SELECT * FROM banner WHERE idArea = $idArea ORDER BY RAND()");
					
					while($rowTopo = mysql_fetch_object($rsTopo))
					{
						if($rowTopo->Tipo == 'swf')
						{
							
							?>
							<a href="<?=$rowTopo->Link;?>" title="visitar!" target="_blank">
							<object 
								classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
								codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" 
								width="730" 
								height="98">
							
								<param name="movie" id="movie" value="Admin/Pages/banners/imagens/topo/<?=$rowTopo->Arquivo;?>">
							
								<embed 
									id="movie" 
									name="movie" 
									src="Admin/Pages/banners/imagens/topo/<?=$rowTopo->Arquivo;?>" 
									pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" 
									type="application/x-shockwave-flash" 
									width="730" 
									height="98">
									</embed> 
							
							</object>
							</a>
							<?php
						}
						else
						{
							?>
							<a href="<?=$rowTopo->Link;?>" title="visitar!" target="_blank">
							<img src="Admin/Pages/banners/imagens/topo/<?=$rowTopo->Arquivo;?>" width="730" height="98" />
							</a>
							<?php
						}
					}
					
            
                    ?>

só que como todas os meus banners são do tipo SWF, enquanto a página é carregada o jcycle não funciona exibindo todos os banners, somente depois de concluído ele faz o efeito.

 

alguém pode me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

jotaerre10    0

jotaerre10
Postado

resolvido!!!!

 

#boxClimaBanner {
float: left;
height: 90px;
width: 691px;
[b]overflow: hidden;[/b]
}
fonte: Daniel Lima

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