Se borra imagen del carrousel

[fefefefe]

Hola nose hace mucho que trabajo con wordpress pero me parece bastante practico quizas un poco menos funcional que el joomla pero creo que nada es imposible

Tengo un template de WP cargado en mi web de musica, peroo las imagenes del slider carrousel el que tiene flechas en la derecha e izquierda no muestra la imagen cargada asignada en la entrada

Aparece unos segundos al ingresar al sitio y desaparece, probe con otro navegador y ocurre lo mismo? amigos se pueden fijar si a ustedes les pasa igual ? que podria llegar a ser que ocasione este problema? gracias

http://www.el-vinilo.com.ar

[Willy_N]

Lo he mirado con Firefox 3.6.6 e Internet Explorer 6 y no veo el problema que comentas.

Se carga bien, las imágenes permanecen visibles y funciona sin fallos.

[isaac_ben]

Lo probé en Google Chrome y anda bien.

[Willy_N]

Me parece que nos estamos equivocando, o por lo menos yo.

Me había fijado en el slide menú.

Pero justo debajo del menú aparece un rectángulo gris con flechitas a izquierda y derecha.

Intuyo que en ese rectángulo deberían de aparecer imágenes.

Pues allí no veo ni he visto ni rastro de imagen alguna.

[fefefefe]

exactamente! justo estaba por postear una imagen para que vean cual era el sector!!

ese rectaculo debajo del slider es el que me refiero,

cuando ingreso a la webse muestra la imagen un segundo y luego desaparece!, creo haber echo todo bien

la imagen esta en el servidor con el tamaño adecuado!,

[Willy_N]

Si miro la página con javascript desactivado en mi navegador se ve la imagen y permanece visible.

En algún lugar del script relacionado con ese carrousel hay algo que está mal.
Investiga por ahí.

[fefefefe]

es verdad desactive el javascript del explorador y se ve la imagen!

este es el codigo del archivo jscript " jcarousellite.1.0.1" de la carpeta wp-content\themes\juggernaut-theme\juggernaut\js

no estoy muy canchero con javascript pero estube revisandolo y no encuentro que puede ser, Gracias

Código:

(function($) {                                          // Compliant with jquery.noConflict()
$.fn.jCarouselLite = function(o) {
    o = $.extend({
        btnPrev: ".prev",
        btnNext: ".next",
        btnGo: null,
        mouseWheel: false,
        auto: null,

        speed: 200,
        easing: null,

        vertical: false,
        circular: true,
        visible: 4,
        start: 0,
        scroll: 4,

        beforeStart: null,
        afterEnd: null
    }, o || {});

    return this.each(function() {                           // Returns the element collection. Chainable.

        var running = false, animCss=o.vertical?"top":"left", sizeCss=o.vertical?"height":"width";
        var div = $(this), ul = $("ul", div), tLi = $("li", ul), tl = tLi.size(), v = o.visible;

        if(o.circular) {
            ul.prepend(tLi.slice(tl-v-1+1).clone())
              .append(tLi.slice(0,v).clone());
            o.start += v;
        }

        var li = $("li", ul), itemLength = li.size(), curr = o.start;
        div.css("visibility", "visible");

        li.css({overflow: "hidden", float: o.vertical ? "none" : "left"});
        ul.css({margin: "0", padding: "0", position: "relative", "list-style-type": "none", "z-index": "1"});
        div.css({overflow: "hidden", position: "relative", "z-index": "2", left: "0px"});

        var liSize = o.vertical ? height(li) : width(li);   // Full li size(incl margin)-Used for animation
        var ulSize = liSize * itemLength;                   // size of full ul(total length, not just for the visible items)
        var divSize = liSize * v;                           // size of entire div(total length for just the visible items)

        li.css({width: li.width(), height: li.height()});
        ul.css(sizeCss, ulSize+"px").css(animCss, -(curr*liSize));

        div.css(sizeCss, divSize+"px");                     // Width of the DIV. length of visible images

        if(o.btnPrev)
            $(o.btnPrev).click(function() {
                return go(curr-o.scroll);
            });

        if(o.btnNext)
            $(o.btnNext).click(function() {
                return go(curr+o.scroll);
            });

        if(o.btnGo)
            $.each(o.btnGo, function(i, val) {
                $(val).click(function() {
                    return go(o.circular ? o.visible+i : i);
                });
            });

        if(o.mouseWheel && div.mousewheel)
            div.mousewheel(function(e, d) {
                return d>0 ? go(curr-o.scroll) : go(curr+o.scroll);
            });

        if(o.auto)
            setInterval(function() {
                go(curr+o.scroll);
            }, o.auto+o.speed);

        function vis() {
            return li.slice(curr).slice(0,v);
        };

        function go(to) {
            if(!running) {

                if(o.beforeStart)
                    o.beforeStart.call(this, vis());

                if(o.circular) {            // If circular we are in first or last, then goto the other end
                    if(to<=o.start-v-1) {           // If first, then goto last
                        ul.css(animCss, -((itemLength-(v*2))*liSize)+"px");
                        // If "scroll" > 1, then the "to" might not be equal to the condition; it can be lesser depending on the number of elements.
                        curr = to==o.start-v-1 ? itemLength-(v*2)-1 : itemLength-(v*2)-o.scroll;
                    } else if(to>=itemLength-v+1) { // If last, then goto first
                        ul.css(animCss, -( (v) * liSize ) + "px" );
                        // If "scroll" > 1, then the "to" might not be equal to the condition; it can be greater depending on the number of elements.
                        curr = to==itemLength-v+1 ? v+1 : v+o.scroll;
                    } else curr = to;
                } else {                    // If non-circular and to points to first or last, we just return.
                    if(to<0 || to>itemLength-v) return;
                    else curr = to;
                }                           // If neither overrides it, the curr will still be "to" and we can proceed.

                running = true;

                ul.animate(
                    animCss == "left" ? { left: -(curr*liSize) } : { top: -(curr*liSize) } , o.speed, o.easing,
                    function() {
                        if(o.afterEnd)
                            o.afterEnd.call(this, vis());
                        running = false;
                    }
                );
                // Disable buttons when the carousel reaches the last/first, and enable when not
                if(!o.circular) {
                    $(o.btnPrev + "," + o.btnNext).removeClass("disabled");
                    $( (curr-o.scroll<0 && o.btnPrev)
                        ||
                       (curr+o.scroll > itemLength-v && o.btnNext)
                        ||
                       []
                     ).addClass("disabled");
                }

            }
            return false;
        };
    });
};

function css(el, prop) {
    return parseInt($.css(el[0], prop)) || 0;
};
function width(el) {
    return  el[0].offsetWidth + css(el, 'marginLeft') + css(el, 'marginRight');
};
function height(el) {
    return el[0].offsetHeight + css(el, 'marginTop') + css(el, 'marginBottom');
};

})(jQuery);