Ir para conteúdo

Arquivado

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

aduaxia

Preload infinito ao puxar imagens do banco de dados

Recommended Posts

Quando vou chamar os dados do banco, chamo da seguinte forma

<?php 
   $qnt = 7;
   
   $seleciona= mysql_query("select * from materias ORDER BY id DESC LIMIT $qnt");
   while($dados = mysql_fetch_array($seleciona)) {
   ?>
<article class="materias-blog scroll-in-animation" data-animation="fadeInLeft">
   <div class="img-blog">
      <img src="foto/<?php echo ($dados['foto']) ?>">
   </div>
   <div class="chamada-blog">
      <h1><?php echo ($dados['titulo']."<br />"); ?> </h1>
      <time datetime="<?php echo ($dados['data']."<br />"); ?>"><?php echo ($dados['data']."<br />"); ?></time>
      <p>
         <?php echo ($dados['resumo']."<br />"); ?>
      </p>
      <p><a href="materias.php?id=<? echo ($dados['id']);?>" class="button background-75-f heading-f border-heading-d">Ver mais</a></p>
   </div>
   <div class="clear"></div>
</article>
<?php
   }
   ?>

Mas, quando eu faço isso, o meu preloader fica infinito, a pagina mesmo carregada e ele continua e continua, mas se eu eu tiro o seguinte código

<img src="foto/<?php echo ($dados['foto']) ?>">

Funciona normalmente, porém eu preciso dessa foto para fazer o loop perfeito, alguém sabe o que pode estar causando isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

E o seu preload entra onde neste código?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Este é o código completo da página

<!DOCTYPE html>
<html class="background-100-e">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Blog</title>
		<meta name="description" content="Soluções Fiscais" />
		<meta name="keywords" content="contabilidade, impostos, Soluções Fiscais" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="bower_components/fontawesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="bower_components/animate.css/animate.min.css" />
		<link rel="stylesheet" href="bower_components/minicolors/jquery.minicolors.css" />
		<link rel="stylesheet" href="bower_components/slick.js/slick/slick.css" />
		<link rel="stylesheet" href="bower_components/slick.js/slick/slick-theme.css" />
		<link rel="stylesheet" href="bootstrap/dist/css/bootstrap-custom.min.css" />
		<link rel="stylesheet" href="lib/linecons/style.css" />
		<link rel="stylesheet" href="styles/style.min.css" />
		<link rel="stylesheet" href="theme-custom.css" />
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<link rel="apple-touch-icon" href="apple-touch-icon.png" />
		<link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57x57.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" />
		<link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" />
		<link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png" />
		<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png" />
		<link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png" />
	</head>
	<body class="state1 background-100-e">
		<div class="ext-nav background-95-h page-transition">
			<div class="view half-height">
				<img alt class="bg static" src="images/placeholders/1920x1200-1.jpg" />
				<div class="content no-top-padding no-bottom-padding  full-height">
					<div class="container-fluid  full-height">
						<div class="row full-height">
							<a href="#solutions" class="col-md-6 colors-e background-95-e full-height">
								<div>
									<span class="side-label">Nossas</span>
									<span class="side-title">Soluções</span>
								</div>
							</a>
							<a href="http://www.facebook.com/splfiscal/" target="_blank" class="col-md-6 colors-f background-95-f full-height">
								<div>
									<span class="side-label">Nosso</span>
									<span class="side-title">Facebook</span>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="container-fluid  half-height">
				<div class="row full-height">
					<a href="#about" class="col-md-6 colors-g background-solid full-height border-bottom border-left border-lite">
						<div>
							<span class="side-label">Conheça Mais</span>
							<span class="side-title">Sobre Nós</span>
						</div>
					</a>
					<a href="cases.html" class="col-md-6 colors-g background-solid full-height border-bottom border-left border-lite">
						<div>
							<span class="side-label">Nossos</span>
							<span class="side-title">Cases</span>
						</div>
					</a>
				</div>
			</div>
		</div>
		<div class="page-border bottom colors-e background-solid"><a href="#top" class="hover-effect">Ir para o <span class="highlight">Topo</span></a></div>
		<div class="page-border left colors-e background-solid">
			<ul>
				<li><a href="http://www.facebook.com/splfiscal/" target="_blank" data-toggle="tooltip" data-placement="right" title="Facebook"><i class="fa fa-facebook"></i></a></li>
				<li><a href="https://twitter.com/" target="_blank" data-toggle="tooltip" data-placement="right" title="Twitter"><i class="fa fa-twitter"></i></a></li>
				<li><a href="http://www.linkedin.com/" target="_blank" data-toggle="tooltip" data-placement="right" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
			</ul>
		</div>
		<!-- BEGIN: Top menu -->
		<div class="page-border right colors-e background-solid"></div>
		<nav class="navbar navbar-default navbar-fixed-top page-transition colors-e background-solid" role="navigation" id="top-nav">
			<div class="container">
				<div class="navbar-header">
					<a class="menu-toggle ext-nav-toggle visible-xs-block" data-target=".ext-nav" href="#"><span></span></a>
					<a class="menu-toggle navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" href="#"><span></span></a>
					<a class="navbar-brand" href=""><img src="images/logo-spl.png" alt="Logo SPL" /></a>
				</div>
				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="index.html#home" class="hover-effect">Início</a></li>
						<li><a href="index.html#solutions" class="hover-effect">Soluções</a></li>
						<li><a href="#" class="hover-effect">Cases</a></li>
                        <li><a href="#" class="hover-effect">Blog</a></li>
						<li><a href="index.html#about" class="hover-effect">Sobre a SPL</a></li>
						<li><a href="#contact" class="hover-effect">Contato</a></li>
						<li class="hidden-xs"><a class="menu-toggle ext-nav-toggle" data-target=".ext-nav" href="#"><span></span></a></li>
                        <!--<li><a href="#" class="hover-effect"><img src="images/en.png" alt="English" width="30px"></a></li> -->
					</ul>
				</div>
			</div>
		</nav>
		<!-- END: Top menu -->
		<ul id="dot-scroll" class="colors-e background-solid"></ul>
		<div class="overlay-window gallery-overlay colors-f background-95-f" data-overlay-zoom="#work .content">
			<div class="overlay-control background-85-d">
				<a class="previos" href="#"></a>
				<a class="next" href="#"></a>
				<a class="cross" href="#"></a>
			</div>
			<div class="overlay-view">
               
            </div>
			<ul class="loader">
				<li class="background-100-d"></li>
				<li class="background-100-d"></li>
				<li class="background-100-d"></li>
			</ul>
		</div>
		<div class="overlay-window map-overlay colors-f background-95-f">
			<div class="overlay-control background-90-f">
				<a class="cross" href="#"></a>
			</div>
			<div class="overlay-view">
				<div class="map-canvas" data-latitude="42.487606" data-longitude="-71.115661" data-zoom="14">
					<div class="map-marker" data-latitude="42.487606" data-longitude="-71.115661" data-text="Our awesome location"></div>
					<div class="map-marker" data-latitude="42.485100" data-longitude="-71.113256" data-text="Our sales office"></div>
				</div>
			</div>
		</div>
		<div class="overlay-window credits-overlay colors-g background-95-g">
			<div class="overlay-control background-85-d">
				<a class="cross" href="#"></a>
			</div>
			<div class="overlay-view">
				<div class="content-container">
					<h3>Development for SPL Fiscal Co.</h3>
					<ul>
						<li>
							UX Designer:
							<ul>
								<li><a target="_blank" href="http://mrgonzales.info">Philippy Gonzales</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="gate colors-e background-solid">
			<div class="gate-bar background-heading-a"></div>
			<ul class="loader">
				<li class="background-100-g"></li>
				<li class="background-100-b"></li>
				<li class="background-100-f"></li>
			</ul>
		</div>
		<!-- BEGIN: Page content -->
		<section id="about">
			<div class="view">
				<img alt class="bg" src="images/placeholders/1920x1200-2.jpg" />
				<div class="content pane">
					<div class="container-fluid">
						
					</div>
				</div>
			</div>
			<div class="view">
				
				<div class="content colors-e" style="padding-bottom: 1px;">
                	<div class="bg-blog"></div>
					<div class="container">
                    
                    	<div class="blog">
                        	<div class="artigos-blog">
                            		<?php 
									$qnt = 7;

								$seleciona= mysql_query("select * from materias ORDER BY id DESC LIMIT $qnt");
								while($dados = mysql_fetch_array($seleciona)) {
									?>
                                <article class="materias-blog scroll-in-animation" data-animation="fadeInLeft">
                                    <div class="img-blog">
                                        <img src="foto/<?php echo ($dados['foto'])?>">
                                    </div>
                                    <div class="chamada-blog">
                                        <h1><?php echo ($dados['titulo']."<br />"); ?> </h1>
                                        <time datetime="<?php echo ($dados['data']."<br />"); ?>"><?php echo ($dados['data']."<br />"); ?></time>
                                        <p>
                                        <?php echo ($dados['resumo']."<br />"); ?>
                                        </p>
                                        <p><a href="materias.php?id=<? echo ($dados['id']);?>" class="button background-75-f heading-f border-heading-d">Ver mais</a></p>
                                    </div>
                                    <div class="clear"></div>
                                </article>
                                <?php
								}
								?>
                                <div class="paginacao">
                                	<!--
                                    <p class="controle"><a href="#"><</a></p>
                                    -->
                                	<p><a href="#">1</a></p>
                                    <!--
                                    <p><a href="#">2</a></p>
                                    <p><a href="#">3</a></p>
                                    <p class="controle"><a href="#">></a></p>
                                    -->
                                </div>
                            </div>
                            
                            <div class="sidebar-blog">
                            	<aside>
                                	<div class="busca">
                                    	<span class="sidebar-titulo">Pesquisar</span>
                                        <form method="POST" action="busca.php">
                                            <input type="text" class="s"  name="palavra" maxlength="255">
                                            <input type="submit" class="b" value="">
                                        </form>
                                        <div class="clear"></div>
                                    </div>
                                    <div class="tags-list">
                                    	<span class="sidebar-titulo">Tags</span>
                                        <?php
                                        $qnt = 5;

								$seleciona= mysql_query("select * from materias LIMIT $qnt");
								while($dados = mysql_fetch_array($seleciona)) { 
								?>
                                        <p><a href="materias.php?id=<? echo ($dados['tag']);?>"><?php echo ($dados['tag']."<br />"); ?></a></p>
                                        
                                        <?php 
										}
										?>
                                    </div>
                                </aside>
                            </div>
                        </div>
                        <!--Fim Da Div Blog-->
                        
					</div>
				</div>
			</div>
		</section>

		

		
		<section id="contact" style="background-color: #fafafa;">
			<div class="view">
				<img alt class="bg" src="images/placeholders/1920x1200-1.jpg" /><img alt class="bg" src="images/placeholders/1920x1200-2.jpg" /><img alt class="bg" src="images/placeholders/1920x1200-0.jpg" />
				<div class="content full-size colors-h">
					<div class="container">
						<h2>Contato</h2>
						<p class="header-details">Fale Conosco</p>
						<div class="row">
							<div class="col-md-12">
								<div class="text-center scroll-in-animation" data-animation="fadeInLeft">
									<p class="big-font uppercase">
										Tel: <strong class="highlight">+55 (11) 3307-0150</strong>
									</p>
									<p class="big-font uppercase">
										Rua Henri Dunant, 137
                                        <br/>1º andar – Chácara Santo Antônio
                                        <br/>CEP: 04709-111
                                        <br/>São Paulo - SP
									</p>
									<p class="big-font">
										<b>
									<a href="mailto:contato@splfiscal.com.br">contato@splfiscal.com.br</a><br/>
								</b>
									</p>
									<p class="big-font">
										<a target="_blank" href="http://www.facebook.com/splfiscal/"><span class="fa-stack"><i class="fa fa-circle fa-stack-2x heading"></i><i class="fa fa-facebook fa-stack-1x text-background"></i></span></a>
                                        <a target="_blank" href="https://twitter.com/"><span class="fa-stack"><i class="fa fa-circle fa-stack-2x heading"></i><i class="fa fa-twitter fa-stack-1x text-background"></i></span></a>
										<a target="_blank" href="http://www.linkedin.com/"><span class="fa-stack"><i class="fa fa-circle fa-stack-2x heading"></i><i class="fa fa-linkedin fa-stack-1x text-background"></i></span></a>
									</p>
								</div>
							</div>
							<div class="col-md-6" style="display:none;">
								<div class="text-left scroll-in-animation" data-animation="fadeInRight">
									<form class="ajax-form" data-message-class="colors-d background-95 heading border" action="contact.php" method="post" novalidate>
										<div class="row">
											<div class="col-md-6 control-group">
												<div class="alt-placeholder">Nome</div>
												<input type="text" name="your-name" value="" size="40" placeholder="Name" data-validation-required-message="Please fill the required field." required>
												<div class="help-block"></div>
											</div>
											<div class="col-md-6 control-group">
												<div class="alt-placeholder">Email</div>
												<input type="email" name="your-email" value="" size="40" placeholder="Email" data-validation-required-message="Please fill the required field." required>
												<div class="help-block"></div>
											</div>
											<div class="col-md-12 control-group">
												<div class="alt-placeholder">Mensagem</div>
												<textarea name="your-message" placeholder="Message" data-validation-required-message="Please fill the required field." required></textarea>
												<div class="help-block"></div>
											</div>
											<div class="col-md-12 form-actions">
												<input class="button" type="submit" value="Enviar">
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
						<div class="text-center">
							<a class="map-open button background-lite-b border-heading-b heading-b" data-map-overlay=".map-overlay" href="#">Veja nosso endereço no mapa</a>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- END: Page content -->
		<!-- BEGIN: Footer -->
		<footer class="page-transition non-preloading">
			<div class="bottom text-center background-10-b">
				© 2016 - SPL Soluções Fiscais - Todos os <a href="#" class="open-overlay-window heading" data-overlay-window=".credits-overlay">Direitos Reservados</a>
			</div>
            <a class="navbar-brand" href="#home" style="float:right;"><img src="images/logo-spl.png" alt="Logo SPL" /></a>
		</footer>
		<!-- END: Footer -->
		<script>
		if (typeof(atob) == "undefined")
		{
			document.write('<script src="lib/stringencoders-v3.10.3/javascript/base64.js"><\/script>');
			var atob = function(x)
			{
				return base64.decode(x);
			}
		}
		</script>
		<script src="bower_components/less.js/dist/less.min.js"></script>
		<script src="bower_components/jquery/dist/jquery.min.js"></script>
		<script src="lib/tween/tween.min.js"></script>
		<script src="bootstrap/dist/js/bootstrap.min.js"></script>
		<script src="bower_components/modernizr/modernizr.js"></script>
		<script src="lib/SmoothScroll-1.2.1/SmoothScroll.js"></script>
		<script src="bower_components/jquery-cookie/jquery.cookie.js"></script>
		<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
		<script src="bower_components/jqBootstrapValidation/dist/jqBootstrapValidation-1.3.7.min.js"></script>
		<script src="bower_components/minicolors/jquery.minicolors.min.js"></script>
		<script src="bower_components/slick.js/slick/slick.min.js"></script>
		<script src="bower_components/shufflejs/dist/jquery.shuffle.min.js"></script>
		<script src="bower_components/textillate/assets/jquery.lettering.js"></script>
		<script src="bower_components/textillate/assets/jquery.fittext.js"></script>
		<script src="bower_components/textillate/jquery.textillate.js"></script>
		<script src="lib/prism/prism.js"></script>
		<script>
		(function()
		{
			var disableMobileAnimations = true;
			var isWin = navigator.appVersion.indexOf("Win") !== -1;
			if (isWin) $('html').addClass('win');
			var ua = navigator.userAgent.toLowerCase();
			var isChrome = ua.indexOf('chrome') > -1;
			if (isChrome) $('html').addClass('chrome');
			var isAndroidBrowser4_3minus = ((ua.indexOf('mozilla/5.0') > -1 && ua.indexOf('android ') > -1 && ua.indexOf('applewebkit') > -1) && !(ua.indexOf('chrome') > -1));
			if (isAndroidBrowser4_3minus) $('html').addClass('android-browser-4_3minus');
			var isSafari = !isChrome && ua.indexOf('safari') !== -1;
			if (isSafari) $('html').addClass('safari');
			var isMobile = Modernizr.touch;
			if (isMobile)
			{
				$('html').addClass('mobile');
				if (disableMobileAnimations) $('html').addClass('poor-browser');
			}
			else
			{
				$('html').addClass('non-mobile');
			}
			if (isWin && isSafari)
			{
				$('html').addClass('flat-animation');
			}
		})();
		</script>
		<script src="scripts/script-bundle.js"></script>
		<script>
		if (Function('/*@cc_on return document.documentMode===9@*/')())
		{
			$('html').addClass('ie9');
		}
		if (Function('/*@cc_on return document.documentMode===10@*/')())
		{
			$('html').addClass('ie10');
		}
		if (!!navigator.userAgent.match(/Trident.*rv\:11\./))
		{
			$('html').addClass('ie11');
		}
		</script>
	</body>
</html>

 

Estou trabalhando em um site criado por terceiros, no qual tenho de implementar essa ferramenta, como se fosse (e é) um blog

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Fala pessoal, tudo bem?
       
      Eu tenho um dominio e vários subdomios dentro.
      Quero saber como recuperar um cookie nos subdominios, uma vez que ele foi criado em um subdominio específico.
       
      Estrutura:
      Tô criando o cookie em usuario.dominio.com.br com o seguinte código:
       
      $valor = md5(uniqid(rand(), true));
      setcookie("token", $valor, time() + (60 * 10), "/", "www.dominio.com.br");
       
      Porém, quero recuperar esse valor em todos os outros subdominios, mas esse codigo aí não tá funcionando.
       
      Alguém pode ajudar?
      Valeu
       
    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, ativo. Nela tem cadastrado vários itens. No campo ativo eu coloco a letra "S" para informar que este item está ativo no sistema. Por exemplo: 1, casa, S 2, mesa, S 3, cama, S 4, moto S 5, rádio O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "produtos" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, mesa, moto 2, mesa, casa, cama 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela produtos da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "mesa". Preciso fazer com que o php me liste todos os registros da tabela "produtos" que contenham a palavra "mesa". Até aqui tudo bem eu consigo listar. Estou fazendo assim: <?php $item = "mesa" $sql = mysqli_query($conn, "SELECT * FROM produtos WHERE item1 LIKE '$item' OR item2 LIKE '$item' OR item3 LIKE '$item' LIMIT 10"); while($aux = mysqli_fetch_assoc($sql)) { $id = $aux["id"]; $item1 = $aux["item1"]; $item2 = $aux["item2"]; $item3 = $aux["item3"]; echo $id . " - " . $item1 . ", " . $item2 . ", " $item3 . "<br>"; } ?> O problema é que está listando todos os registros que contém o item mesa. Eu preciso que o php verifique os demais item e me liste somente os registro em que todos os registros estejam ativos no sistema. No exemplo acima ele não deveria listar o registro 3. pois nesse registro contém o item "radio" e este item não está ativo no sistema. Ou seja, o registro "radio" na tabela itens não possui um "S" na coluna "ativo". Alguém sabe como resolver isso?
    • Por ILR master
      Fala galera.
      Espero que todos estejam bem.
      Seguinte: Tenho um arquivo xml onde alguns campos estão com : (dois pontos), como o exemplo abaixo:
       
      <item>
      <title>
      d sa dsad sad sadasdas
      </title>
      <link>
      dsadas dsa sad asd as dsada
      </link>
      <pubDate>sadasdasdsa as</pubDate>
      <dc:creator>
      d sad sad sa ad as das
      </dc:creator>
      </item>
       
      Meu código:
       
      $link = "noticias.xml"; 
      $xml = simplexml_load_file($link); 
      foreach($xml -> channel as $ite) {     
           $titulo = $ite -> item->title;
           $urltitulo = $ite -> item->link;
           print $urltitulo = $ite -> item->dc:creator;
      } //fim do foreach
      ?>
       
      Esse campo dc:creator eu não consigo ler. Como faço?
       
      Agradeço quem puder me ajudar.
       
      Abs
       
       
    • Por First
      Olá a todos!
       
      Eu estou criando um sistema do zero mas estou encontnrando algumas dificuldades e não estou sabendo resolver, então vim recorrer ajuda de vocês.
      Aqui está todo o meu código: https://github.com/PauloJagata/aprendizado/
       
      Eu fiz um sistema de rotas mas só mostra o conteúdo da '/' não sei porque, quando eu tento acessar o register nada muda.
      E eu também quero que se não estiver liberado na rota mostra o erro de 404, mas quando eu tento acessar um link inválido, nada acontece.
      Alguém pode me ajudar com isso? E se tiver algumas sugestão para melhoria do código também estou aceitando.
       
       
      Desde já, obrigado.
    • Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
×

Informação importante

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