Amigos , un favor ayudenme a corregir este code..es solo un slider en jquery, me
funciona normal en local pero cuando lo subo a hosting no se mueve el slider...pienso que es poque el hosting esta en linux..lo supongo porque es sensible a las carpetas en mayuscylas y minusculas ,en realidad esta superdesordenado
, solo es un demo que iba pulir una vez puesto en funcionamiento, gracias por su tiempo
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--
@font-face {
font-family: AvantGardeBookBT;
src: url(fonts/AvantGardeBookBT.ttf);
}-->
@font-face {
font-family: Elgar;
src: url(fonts/Elgar.ttf);
}-->
.foot{
background-color:#000;
width: 100%;
height: 100px;
margin: auto;
margin-top:20px
}
<meta name="viewport" contet="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="framework/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="framework/css/menu.css"> <link rel="icon" type="image/png" href="/images/icono.png">
<script type="text/javascript" src="js/lib/jquery.js"></script> <script type="text/javascript" src="framework/js/bootstrap.min.js"></script>
<!-- para slider -->
<link rel="stylesheet" type="text/css" href="css/sliders.css">
<body style="zoom: 1; background-color: rgb(0, 0, 0);"> <div class="container" style="width:95%; background-color:#FFF"> <!-- fin del row cabecera-->
<div class="row" style="padding-top:25px; padding-bottom:15px; background-color:#000"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style=" background-image:url(images/nada.png); background-repeat:no-repeat;" align="center">
<a href="./Lore's Beauty_files/Lore&#39;s Beauty.html"><img src="images/logo.png" alt="logo" class="img-responsive"></a>
</div> <!-- fin del row cabecera-->
<div class="row"> <!-- inicuio del row menu--> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="background-color:#000" > <div class="navbar navbar-default navbar-static-top" > <div class="contaginer" > <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <a class="navbar-brand" href="index.php">Inscribete!
</a> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav">
<li><a class="navbar-brand" href="salon.php">Suscripciones
</a></li> <li><a class="navbar-brand" href="loguin.php">loguin
</a></li>
</div><!-- fin del row menu--> <div class="row" align="center"> <!-- inicio row slider-->
<!-- SLIDERSSSS-->
<div id="carousel1" class="carousel slide" data-ride="carousel" style="height:500px " > <div class="carousel-inner"> <div class="item active" style="height:500px; width:1200px;"> <img alt="Bootstrap template" src="images/sliders/slider005.jpg">
<div class="item" style="height:500px; width:1200px"> <img alt="Bootstrap template" src="images/sliders/slider001.jpg">
<div class="item" style="height:500px; width:1200px"> <img alt="Bootstrap template" src="images/sliders/slider004.jpg">
<div class="item" style="height:500px; width:1200px"> <img alt="Bootstrap template" src="images/sliders/slider002.jpg"> <div class="carousel-caption">
<div class="item" style="height:500px; width:1200px"> <img alt="Bootstrap template" src="images/sliders/slider003.jpg"> <div class="carousel-caption">
</div><!-- FIN DE SLIDERS-->
</div><!-- fin del row slider-->
<!-- inicio capitulos -->
<div class="row" style="padding-top:15px; background-color: #1e1e1e">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align="center" style="color:#FFF"> <h2>Historias sacadas de la vida real
</h2>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" align="center"> <a href="comicfinal.php?hist=1&capt=1"><img src="images/portada.jpg" class="img-responsive" style="background-color:#AF8788; width:100%; border-color: #555555;border-width: 6px; border-style: solid"></a>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" align="center" > <a href="comicfinal.php?hist=1&capt=1"><img src="images/portada1.jpg" class="img-responsive" style="background-color:#AF8788; width:100%; border-color: #555555;border-width: 6px; border-style: solid"></a>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" align="center" > <a href="comicfinal.php?hist=1&capt=1"><img src="images/portada2.jpg" class="img-responsive" style="background-color:#AF8788; width:100%; border-color: #555555;border-width: 6px; border-style: solid"></a>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" align="center" > <a href="comicfinal.php?hist=1&capt=1"><img src="images/portada4.jpg" class="img-responsive" style="background-color:#AF8788; width:100%; border-color: #555555;border-width: 6px; border-style: solid"></a>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" align="center" > <a href="comicfinal.php?hist=1&capt=1"><img src="images/portada5.jpg" class="img-responsive" style="background-color:#AF8788; width:100%; border-color: #555555;border-width: 6px; border-style: solid"></a>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" align="center" > <a href="comicfinal.php?hist=1&capt=1"><img src="images/portada3.jpg" class="img-responsive" style="background-color:#AF8788; width:100%; border-color: #555555;border-width: 6px; border-style: solid"></a>
<!-- final mascarillas -->
<!-- inicio capitulos -->
<div class="row" style="padding-top:15px">
<!-- final mascarillas -->
<!-- inicio del pie-->
<div class="foot" style="color:#FFF" align="center"> <br><br><p>Copyright © 2015 Historias Perú |
<a href="mailto:historia@hotmail.com" target="_top"> historia@hotmail.com
</a>| RPM #917851518
</p> <!-- fin del pie-->
</div> <!-- fin del contenedor-->
<script type="text/javascript"> jQuery(function ($) {
$('#carousel1').carousel({
interval:2000
});
var clickEvent = false;
$('#carousel1').on('click', '.nav a', function () {
clickEvent = true;
$('.nav li').removeClass('active');
$(this).parent().addClass('active');
}).on('slid.bs.carousel', function (e) {
if (!clickEvent) {
var count = $('.nav').children().length - 1;
var current = $('.nav li.active');
current.removeClass('active').next().addClass('active');
var id = parseInt(current.data('slide-to'));
if (count == id) {
$('.nav li').first().addClass('active');
}
}
clickEvent = false;
});
});