entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

jquery no aplica

Buenas tardes

Estoy haciendo una página usando librerias de Jquery http://pruebagonzalo.org.es/antino/

Supuestamente al principio deberían aparecer la siguiente imagen que tengo en mi servidor
http:pruebagonzalo.org.es/antino/img/17967350.jpg

El código - dentro del index - dónde hago referencia a la imágen es el siguiente

jQuery(function($){       
$.supersized({
  slideshow     :1,     // Slideshow on/off
  autoplay      :1,     // Slideshow starts playing automatically
  slide_interval    : 5600,    // Length between transitions
  transition      : 1,     // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
  transition_speed  : 500,    // Speed of transition
  pause_hover     :0,     // Pause slideshow on hover
  performance     :1,     // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
  image_protect   :1,     // Disables image dragging and right click with Javascript
  keyboard_nav            :   1,      // Keyboard navigation on/off
  thumbnail_navigation    :   1,      // Thumbnail navigation
  slides        :[      // Slideshow Images

                     {image : 'http:pruebagonzalo.org.es/antino/img/17967350.jpg'}, 
                     {image : 'http:pruebagonzalo.org.es/antino/img/17967350.jpg'}  ] });
    $("#nexta").click(function(){
      api.nextSlide();
    });

    $("#preva").click(function(){
      api.prevSlide();
    });

Muchas gracias chicso

0voto

Leonardo-Tadei comentado

Podrías porner el URL de dónde está publicado esto para que lo podamos ver?

Pudiendo ver el código completo funcionando es posible que te podamos aportar más cosas...

2 Respuestas

1voto

white Puntos75880

No estas ejecutando la funcion anonima ni le pasas el argumento jQuery,

fijate en esta linea:

jQuery(function($){ <------- le pasas un argumento a esta funcion anonima...

    $("#preva").click(function(){
      api.prevSlide();
    });

       }); <-------------- ¿como se ejecuta la funcion anonima?

tienes que llamarla con ()

entonces deberia ser:

jQuery(function($)
{
    $.supersized({
        ......
    });

    $("#preva").click(function(){
         api.prevSlide();
     });

    $("#nexta").click(function(){
         api.nextSlide();
     });

}(jQuery)); // <----- ejecutando funcion anonima y pasandole el objeto jQuery como parametro.

el tag <script> que tienes debe ir antes de </body>

saludos!

0voto

gonzalss comentado

Así lo tengo . Lo tengo antes del </body>
Te pongo ese código

jQuery(function($){       
$.supersized({
  slideshow     :1,     // Slideshow on/off
  autoplay      :1,     // Slideshow starts playing automatically
  slide_interval    : 5600,    // Length between transitions
  transition      : 1,     // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
  transition_speed  : 500,    // Speed of transition
  pause_hover     :0,     // Pause slideshow on hover
  performance     :1,     // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
  image_protect   :1,     // Disables image dragging and right click with Javascript
  keyboard_nav            :   1,      // Keyboard navigation on/off
  thumbnail_navigation    :   1,      // Thumbnail navigation
  slides        :[      // Slideshow Images

                     {image : "http://pruebagonzalo.org.es/antino/img/17967350.jpg"}, 
                     {image : 'http://pruebagonzalo.org.es/antino/img/17967350.jpg'}  ] });
    $("#nexta").click(function(){
      api.nextSlide();
    });

    $("#preva").click(function(){
      api.prevSlide();
    });

           });   
  jQuery("#clients-id").carouFredSel({
    responsive: true,
    scroll: 1,
    items: 6,
    auto: 3000,
    prev: '#cprevtwo',
    next: '#cnexttwo',
    swipe: {
        onTouch: true
    },
});
/* Carousels */
jQuery("#tweet_list").carouFredSel({
    responsive: true,
    scroll: 1,
    items: 1,
    auto: 3000,
    prev: '#cprev',
    next: '#cnext',
    swipe: {
        onTouch: true
    },

});

jQuery('.text-slider, .home-slider').flexslider({
  animation: "slide",
  directionNav: false,
  controlNav: false,
  direction: "vertical",
    slideshowSpeed: 3400,
    animationSpeed: 1000,
    smoothHeight: true
});
/* Google map */
  var map = new GMaps({
    el: '#map',
    scrollwheel: false,
    lat: 40.783435,
    lng: -73.966249  });
  map.addMarker({
      lat: 40.783435,
      lng: -73.966249  });
  });
})(jQuery);
</script>
</body>

</html>

0voto

white comentado

reemplaza esto:

$("#preva").click(function(){
  api.prevSlide();
});

       });   

por esto:

$("#preva").click(function(){
  api.prevSlide();
});

       }(jQuery));

saludos!

0voto

gonzalss comentado

Me siguen sin aparecen las imágenes del slider al principio en la web
http://pruebagonzalo.org.es/antino

He probado con la plantilla que he cogido de referencia y aquí si que funciona , mirad
http://pruebagonzalo.org.es/antino2/index_old.html

¿Porque no funciona en la primera url y si en la segunda ?
Supuestamente el código del jquery es el mismo. ¿Dónde podrá estar el error ?

Muchas gracias

0voto

gonzalss comentado

Tenias razon , tenias que acabar con el jquery

1voto

elviscastro Puntos430

viendo el codigo me pregunto sobre la ruta de la imagen.

 {image : 'http:pruebagonzalo.org.es/antino/img/17967350.jpg'}, 

reemplazar por:

 {image : 'http://pruebagonzalo.org.es/antino/img/17967350.jpg'}, 

0voto

gonzalss comentado

¿ Has puesto la misma url ?

0voto

kalua66 comentado

http://

es la diferencia que te dice elviscastro

0voto

gonzalss comentado

He puesto las barras y no logro que se vean las imágenes

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta