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.
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?
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.
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/
hm, not sure. one thing i am noticing is .slideshow's width is set too narrow to accomodate the imgs.
i gave it a try. i don't know the exact result you want. it may look like this
http://jsfiddle.net/dS8W6/
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?
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.