1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Ayuda Problema con codigo Jquery

Tema en 'Jquery' comenzado por Trop, 27 de Agosto de 2016.

Estado del tema:
No está abierto para más respuestas.
  1. Trop

    Trop Nuevo Miembro

    Se incorporó:
    26 de Agosto de 2016
    Mensajes:
    12
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Saludos

    Estoy siguiendo un tutorial para un slider de FalconMaster, el tema es que al punto de agregar mis imagenes y agregar el script de jquery y mi .js no pasa nada (No me muestra el slideshow) no se que esta pasando acá ¿Alguien me puede ayudar? disculpen si no es el lugar indicado, he revisado bien las rutas de mis archivos , de igual forma adjunto acá una imagen para que las vean por si detectan algo que no este bien.

    [​IMG]

    Por ultimo, quisiera saber si hay alguna manera de colocar el codigo de la pagina del slideshow en haml.
    Código (Javascript):
      <script>
        $(function(){
          $("#slides").slidesjs({
            width: 940,
            height: 528
          });
        });
      </script>

    HTML:
    <!DOCTYPE html>
    <html class='no-js' lang='es'>
      <head>
        <meta charset='utf-8'>
        <title>Una ciudad de altura</title>
        <meta content='Una experiencia inolvidable, la ciudad de Merida te ofrece unas vacaciones de altura. ' name='description'>
        <meta content='' name='viewport'>
        <link href='css/normalize.css' rel='stylesheet'>
        <link href='css/bootstrap.css' rel='stylesheet'>
        <link href='css/style.css' rel='stylesheet'>
        <link href='css/navegacion.css' rel='stylesheet'>
        <link href='css/flexboxgrid.css' rel='stylesheet'>
        <link href='css/iconos.css' rel='stylesheet'>
        <link href='https://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet'>
        <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet'>
        <script src='js/vendor/modernizr-2.8.3.min.js'></script>
        <script src='js/jquery.slides.js'></script>
        <script src='https://code.jquery.com/jquery-3.1.0.js'></script>
      </head>
      <body id='cabezera'>
        <div class='row full-height middle-xs center-xs relative up cols-no-padding'>
          <div class='col-xs-12'>
            <div class='box blanco'>
              <img src='imgs/logo.png' width='600'>
              <h1 class='dancing titulo no-margin'>Una experiencia de altura</h1>
            </div>
          </div>
          <nav class='fixed lato full-width medium' id='navegation'>
            <ul>
              <li>
                <a href='#'><span class='primero'>
                    <i class='icon icon-home'></i>
                  </span>Inicio
                </a>
              </li>
              <li>
                <a href='#'><span class='segundo'>
                    <i class='icon icon-location'></i>
                  </span>Lugares
                </a>
              </li>
              <li>
                <a href='#'><span class='tercero'>
                    <i class='icon icon-image'></i>
                  </span>Galeria
                </a>
              </li>
              <li>
                <a href='#'><span class='cuarto'>
                    <i class='icon icon-file-text'></i>
                  </span>Acerca de
                </a>
              </li>
              <li>
                <a href='#'><span class='quinto'>
                    <i class='icon icon-drawer2'></i>
                  </span>Contacto
                </a>
              </li>
            </ul>
          </nav>
          <div class='absolute negro large-padding bottom blanco full-width' id='description'>
            <div class='row middle-xs center-xs'>
              <div class='col-xs-7 col-sm-6 blanco medium'>
                Derechos reservados &copy Pablo Pernia
             </div>
             <div class='col-xs hidden' id='stickynavigation'>
               <div class='box'></div>
             </div>
           </div>
         </div>
       </div>
       <div class='main'>
         <div class='slides'>
           <img src='imgs/capilla.png'>
           <img src='imgs/teleferico.png'>
           <img src='imgs/estancia.png'>
           <img src='imgs/paramo.png'>
           <img src='imgs/jardin.png'>
         </div>
       </div>
     <script>
       $(function(){
         $("#slides").slidesjs({
           width: 940,
           height: 528
         });
        });
      </script>
      </body>
    </html>
     
    Gracias por tomarse la molestia de ayudarme y disculpen, pero soy nuevo en este mundo.
     
  2. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.397
    Me gusta recibidos:
    633
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    Primero que nada, no encontre el id #slides con el cual llamas al slider

    Segundo, el orden está Equivocado:
    HTML:
    <script src='js/vendor/modernizr-2.8.3.min.js'></script>
        <script src='js/jquery.slides.js'></script>
        <script src='https://code.jquery.com/jquery-3.1.0.js'></script>
    debería de ser asi:
    HTML:
    <script src='https://code.jquery.com/jquery-3.1.0.js'></script>
    <script src='js/vendor/modernizr-2.8.3.min.js'></script>
    <script src='js/jquery.slides.js'></script>
     
  3. Trop

    Trop Nuevo Miembro

    Se incorporó:
    26 de Agosto de 2016
    Mensajes:
    12
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Gracias por tu ayuda Angel, ahora me ha funcionado, quisiera hacerte una pregunta ¿Como se en que orden deben ir mis scripts? disculpa la ignorancia.
     
  4. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.397
    Me gusta recibidos:
    633
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    por lo general, primero van aquellos que usaras, un ejemplo si tu usaras jQuery ocupas cargarla al principio para poder ejecutar despues tu codigo o de lo contrario no servira...

    Bien:
    HTML:
    <script src='https://code.jquery.com/jquery-3.1.0.js'></script>
    <script src='js/main.js'></script>
    Este codigo indica que primero cargue el JS jQuery y despues mi Codigo Personal por lo cual agrega primero el codigo de Jquery a la Pagina para poder ejecutar el mio despues.

    Mal:
    HTML:
    <script src='js/main.js'></script>
    <script src='https://code.jquery.com/jquery-3.1.0.js'></script>
    Este codigo esta cargando primero mi Codigo Personal y después la Libreria jQuery, que es lo que pasa ahi? por que esta mal?
    Sencillamente por que mi Codigo tiene Jquery pero ahi no estoy agregandolo para que lo ejecute, hasta el ultimo...
    Ahi cargo primero mi JS pero como lo ejecutara sin haber cargado primero jQuery? pues es obvio que no servira mi codigo a menos que agregue primero la Libreria jQuery que es la que me hara funcionar mi codigo.

    En Todas las Paginas, siempre debe de ir al Último tus Codigos Personales, ya sean JS o CSS para que no ahiga problemas al ejecutar el Codigo o al Cargar los Estilos ;)
     
  5. Trop

    Trop Nuevo Miembro

    Se incorporó:
    26 de Agosto de 2016
    Mensajes:
    12
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Pues muchas gracias por tu explicación ahora me ha quedado claro, me ha servido lo que me dijiste, tema solucionado pueden archivar.
     
  6. The Boy

    The Boy
    Moderador
    Miembro del Equipo

    Se incorporó:
    2 de Mayo de 2015
    Mensajes:
    394
    Me gusta recibidos:
    146
    Puntos de trofeos:
    43
    Género:
    Hombre
    Ocupación:
    Desarrollador web
    Localización:
    España
    Página web:
    Gracias por tu ayuda Ángel.

    Cierro teman :)
     
Estado del tema:
No está abierto para más respuestas.

Comparte esta página