Grow your CSS skills. Land your dream job.

JQuery Banner Bug – Help Needed

  • # October 1, 2012 at 1:01 pm

    Hi all,

    I have created a banner that works on my desktop but as soon as I add it to a website I lose all transitions and the images simply display stacked on top of each other.

    Can anyone help?

    You can see the problem on this page…

    http://www.sunderland.ac.uk/faculties/bl/test/

    # October 1, 2012 at 9:17 pm

    hm, not sure. one thing i am noticing is .slideshow’s width is set too narrow to accomodate the imgs.

    # October 1, 2012 at 9:30 pm

    i gave it a try. i don’t know the exact result you want. it may look like this

    http://jsfiddle.net/dS8W6/

    # October 2, 2012 at 4:54 am

    Hi, well spotted on the .slideshow’s width. I corrected this, but unfortunately it still doesn’t work. The frustrating thing is that it works on my computer locally, but not when I upload it. Any ideas?

    # October 6, 2012 at 11:51 pm

    i see these error messages:

    Uncaught TypeError: Object [object Object] has no method ‘getElementsByTagName’ prototype.js:835
    Uncaught TypeError: Cannot set property ‘width’ of undefined lightbox.js:106

    probably have conflict between jquery and prototype library.

    try this:

    var $js=jQuery.noConflict(); $js(‘.slideshow’).cycle({ fx: ‘fade’, speed: 1000, timeout: 2700 });

    execute jQuery with noConflict make it works, but not solve it entirely.

    you will still see this error:

    1232
    Uncaught RangeError: Invalid array length prototype.js:464

    it is yours to fix.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".