index.html
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<title>lo mejor de página12</title>
<style>
img {
width:320px;
}
</style>
</head>
<body>
<ul class="nav nav-tabs" role="tablist">
<li class="active"> <a href="#hoy" role="tab" data-toggle="tab">hoy</a></li>
<li><a href="#semana" role="tab" data-toggle="tab">semana</a></li>
<li><a href="#especiales" role="tab" data-toggle="tab">especiales</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="hoy">
<img src="//www.pagina12.com.ar/fotos/20150108/rudypaz/na01di01.gif">
</div>
<div class="tab-pane" id="semana">
<img src="//www.pagina12.com.ar/fotos/20150108/rudypaz/na01di01.gif">
<img src="//www.pagina12.com.ar/fotos/20150107/rudypaz/na01di01.gif">
<img src="//www.pagina12.com.ar/fotos/20150106/rudypaz/na01di01.jpg">
<img src="//www.pagina12.com.ar/fotos/20150105/rudypaz/na01di01.gif">
<img src="//www.pagina12.com.ar/fotos/20150104/rudypaz/na01di01.gif">
<img src="//www.pagina12.com.ar/fotos/20150103/rudypaz/na01di01.gif">
<img src="//www.pagina12.com.ar/fotos/20150102/rudypaz/na01di01.gif">
</div>
<div class="tab-pane" id="especiales">
<img src="//www.pagina12.com.ar/fotos/20150108/diario/tapagn.jpg" alt="Charie Hebdo" >
<img src="//www.pagina12.com.ar/fotos/20150108/titulares/nac01web.jpg" alt="Charie Hebdo" >
<img src="//www.pagina12.com.ar/fotos/20140905/titulares/na01fo01.jpg" alt="Gustavo Cerati, me verás volar" >
</div>
</div>
<script>
$('#myTab a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
function fileExists(url) {
$.ajax({
url: url,
success: function(data){
return true;
},
error: function(data){
return false;
},
})
}
</script>
</body>
</html>