entre Desarrolladores

Question

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

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...

Answer 1

2 Respuestas

gonzalss · Answer 2 · 2015-03-09T16:51:14+0000

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!

respondido por white (75.880 puntos) Mar 9, 2015

seleccionada por gonzalss Mar 10, 2015

0voto

gonzalss comentado Mar 10, 2015

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>

comentado por gonzalss (3.730 puntos) Mar 10, 2015

0voto

white comentado Mar 10, 2015

reemplaza esto:

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

       });

por esto:

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

       }(jQuery));

saludos!

comentado por white (75.880 puntos) Mar 10, 2015

0voto

gonzalss comentado Mar 10, 2015

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

comentado por gonzalss (3.730 puntos) Mar 10, 2015

editado por white Mar 10, 2015

0voto

gonzalss comentado Mar 10, 2015

Tenias razon , tenias que acabar con el jquery

comentado por gonzalss (3.730 puntos) Mar 10, 2015

movido por white Mar 10, 2015

Answer 3 · 2015-03-09T10:09:05+0000

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'},

respondido por elviscastro (430 puntos) Mar 9, 2015

0voto

gonzalss comentado Mar 9, 2015

¿ Has puesto la misma url ?

comentado por gonzalss (3.730 puntos) Mar 9, 2015

0voto

kalua66 comentado Mar 9, 2015

http://

es la diferencia que te dice elviscastro

comentado por kalua66 (990 puntos) Mar 9, 2015

0voto

gonzalss comentado Mar 9, 2015

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

comentado por gonzalss (3.730 puntos) Mar 9, 2015

Pregunta

jquery no aplica

Leonardo-Tadei comentado Mar 9, 2015

Por favor, accede o regístrate para añadir un comentario.

2 Respuestas

gonzalss comentado Mar 10, 2015

white comentado Mar 10, 2015

gonzalss comentado Mar 10, 2015

gonzalss comentado Mar 10, 2015

Por favor, accede o regístrate para añadir un comentario.

gonzalss comentado Mar 9, 2015

kalua66 comentado Mar 9, 2015

gonzalss comentado Mar 9, 2015

Por favor, accede o regístrate para añadir un comentario.

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

En el blog

Otras Preguntas y Respuestas

Sin Respuesta

Preguntas relacionadas

Actividad Reciente

alyvrs preguntó Oct 19

ManHol preguntó Jul 9

ArtEze respondió Abr 24

ArtEze seleccionó una respuesta Abr 24

ArtEze respondió Abr 24

ArtEze preguntó Abr 24

ArtEze respondió Abr 24

ArtEze respondió Abr 24

ArtEze comentó Abr 24

Santiago2610 comentó Mar 23

Ultimas Preguntas

alyvrs preguntó

ManHol preguntó

ArtEze preguntó

Santiago2610 preguntó

gonzalss preguntó

ParkJo preguntó

ovedg preguntó

Ehdez preguntó

pedrourday preguntó

pedrourday preguntó

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

Categorías

Etiquetas

Categorías

Conecta