AJAX Question
Hi, newbie here. I have developed a website for my company. Each page has a scrolling image gallery at the top that automatically scrolls a series of images, no clicking arrows or buttons. The JavaScript for this gallery was originally developed by Dynamicdrive.com. I have created a similar script using jQuery in a stand alone HTML file and it works great. Now the fun stuff. As I mentioned, this scrolling gallery is at the top of every page for the website. Rather than write the working code to EVERY page (that would mean a lot of redundancy), I am attempting to use jQuery's .load() function to add the stand alone HTML file of the working gallery into each page. This works to a point, the element where I want the gallery to populate is loaded. The scroll feature works. The problem is that once loaded, all the images appear to be overlapping each other by about 50% of their original size. What have I done wrong?
Thanks for the help and suggestions!
pfb44