Código:
Resource interpreted as Image but transferred with MIME type text/html: "http://reyanime.com/". .............................
El tema es que nose porque sale eso.
Acá les dejo mi código por si las dudas:
Código:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<title>{{WEBPAGE TITLE}}</title>
<style type="text/css">
<!--
body {
font: 60%/1 Verdana, Arial, Helvetica, sans-serif;
background-color:#FFF;
margin: 0;
padding: 0;
color: #000;
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}
a img {
border: none;
}
a:link {
color: #42413C;
text-decoration: underline;
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container {
width: 960px;
background-color: #FFFFFF;
margin: 0 auto;
}
header {
/* color rojo: #E22B21 */
background-color: #F1F1F1;
}
.sidebar1 {
float:left;
width: 180px;
background-color: #FFF;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 780px;
float: right;
}
.content ul, .content ol {
padding: 0 15px 15px 40px;
}
ul.nav {
list-style: none;
margin-bottom: 15px;
}
ul.nav li {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
ul.nav a, ul.nav a:visited {
padding: 5px 5px 5px 15px;
display: block;
width: 160px;
text-decoration: none;
background-color: #FFF;
vertical-align:middle;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background-color: #444;
color: #FFF;
}
footer {
padding: 10px 0;
background-color: #F1F1F1;
position: relative;
clear: both;
}
header, section, footer, aside, article, figure {
display: block;
}
-->
</style><!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script>
var JSONAPI = "http://127.0.0.1/161090/main.php";
/*** CARGA DE LISTA AVISOS SEGUN CATEGORIA ***/
function carga(idcat,name)
{
if(idcat == 0){
window.location.href = location.hash;}
$("#categoria").html(name);
$("#avisos").html("");
$.getJSON( window.JSONAPI , { ver: "avisos", cat:idcat } )
.done(function( json ) {
var items = [];
$.each(json, function(i, item) {
items.push('<section><h2><a href="#">' + item.titulo.substring(0,50) + '</a></h2><p>' + item.contenido.substring(0,130) + '</p></section>');
}); // close each()
$('#avisos').append( items.join('') );
})
.fail(function( jqxhr, textStatus, error ) {
var err = textStatus + ', ' + error;
console.log( "Request Failed: " + err);
});
}
function categorias()
{
/*** CARGA DE LISTA DE CATEGORIAS ***/
$.getJSON( window.JSONAPI, { ver: "cat" } )
.done(function( json ) {
var items = [];
$.each(json, function(i, item) {
items.push('<li><a href="#" onclick="carga(\''+ item.id + '\',\''+ item.name + '\');">'+ item.name + '</a></li>');
}); // close each()
$('.nav').append( items.join('') );
})
.fail(function( jqxhr, textStatus, error ) {
var err = textStatus + ', ' + error;
console.log( "Request Failed: " + err);
});
}
function avisos()
{
/*** CARGA DE LISTA AVISOS ***/
$.getJSON( window.JSONAPI, { ver: "avisos" } )
.done(function( json ) {
var items = [];
$.each(json, function(i, item) {
items.push('<section><h2><a href="#">' + item.titulo.substring(0,50) + '</a></h2><p>' + item.contenido.substring(0,130) + '</p></section>');
}); // close each()
$('#avisos').append( items.join('') );
$("#categoria").html("ULTIMOS AVISOS");
})
.fail(function( jqxhr, textStatus, error ) {
var err = textStatus + ', ' + error;
console.log( "Request Failed: " + err);
});
}
</script>
</head>
<body onLoad="categorias(),avisos()">
<div class="container">
<header>
<a href="#"><img src="#" alt="logo" width="180" height="44" id="logo" style="background-color: #F1F1F1; display:block; border:none;" /></a>
</header>
<div class="sidebar1" id="menu">
<ul class="nav"></ul>
<aside>
<p>{{ADS BLOCK}}</p>
</aside>
</div>
<article class="content">
<h1 id="categoria"></h1><div id="avisos"></div>
</article>
<footer>
<p>{{ PAGE FOOTER }}.</p>
<address>
{{ PAGE DIRECTIONS }}
</address>
</footer>
</div>
</body>
</html>
