I am having an issue where the images in my billboard are stacking one on top of the other instead of side by side. The billboard looks close to what it should be locally, but when I view it live it appears incorrectly.

I have followed the instructions exactly a few times now and I still get the same result. It doesn't seem to matter how many rows or columns I set, I get the same thing.

I've viewed the page both in Firefox and Safari and see the same thing.

www.livingwordonline.org/ondemand/business

Once I have the gallery working correctly, I plan to bind it with HTML5 MP3 player (similar to the online music store demo).

Any help would be greatly appreciated.

As a follow up... I believe the issue may be a conflict with something else on the page (I'm guessing in the page's main css). I created a new, blank page that does not reference any of the scripts or css files that the other page did and added the same sliding billboard and that one does display correctly.

Any ideas on where to look for a likely culprit for a conflict?

Yep, it was something in another script object. As soon as I commented out that block of code all was well.

Hello Jeff,

As i see your page now it seems to be okay. Can you please tell me what piece code did you comment out ?

It was a block of javascript that was left over from the page that I used as a template to create this page. It was code that was not necessary any more -- for some sort of image slideshow.

Thank you for your reply!

I cannot figure out what the problem is. I created a new page without any content. Once it worked, than never again.
A syntax error is reported in the bold line.
jQuery("#billboard2".dmxSlidingBillboard(
{"toJSONString": , "height": 200, "columns": 2, "rows": 1, "scrollInterval": 5000, "scrollDuration": "normal", "design": "", "sideNavPos": "inside", "horizontal": false, "keyboard": true, "mousewheel": true, "imageMaxWidth": "50%", "startSection": 1, "startIndex": 1}
Kurt