Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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?
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/](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/](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/](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/](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](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/](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/](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/](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
E o seu preload entra onde neste código?