View Full Version : Integrating Facebox Image Viewer with Carousel Viewer

12-10-2008, 02:42 AM
Facebox image and content viewer (v 1.1) and Step Carousel Viewer v1.6.1

Facebox: http://www.dynamicdrive.com/dynamicindex4/facebox/index.htm and Step Carousel Viewer: http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

Step by Step: http://www.dynamicdrive.com/dynamicindex4/stepcarousel_suppliment4.htm


I am trying to integrate the Facebox image and content viewer (v 1.1) with the Step Carousel Viewer v1.6.1

I first installed Facebox on my page and verified that it worked with test images etc. I then followed the exact same procedure with the Carousel Viewer assuming the Carousel images are hyperlinked, and gave each of the links the requisite rel="facebox" declaration.

Everything works perfectly when the content setting is 'inline’. However, when I try the same where panels are defined in an external file and fetched via Ajax I get “A Error on Page” - Object doesn't support this property or method.

When I click on an image it opens in its own window and the Facebox style is ignored.

I added the oninit function as instructed:

jQuery('#galleryB a[rel*=facebox]').facebox()

Any ideas what the heck I'm doing wrong?

12-10-2008, 07:56 AM
Please post a link to the page on your site that contains the problematic script so we can check it out. The example with Facebox discussed on the supplementary page actually uses an external page for the Carousel's contents, so it should work.

12-10-2008, 01:37 PM
Thanks DD Admin,

As requested:

Page without an external link (functioning perfectly): http://www.ipopper.net/cindys_gallery/default.asp

Page with an external link (Not functioning correctly): http://www.ipopper.net/cindys_gallery/default_working_copy.asp

My External page: http://www.ipopper.net/cindys_gallery/external.asp

Any help would be greatly appreciated.

Thanks Bill

12-10-2008, 09:51 PM
The URLs you posted returns a page not found for me.

12-10-2008, 10:39 PM
Thanks again DD Admin,

All links provided are valid. Perhaps the server was down or something strange like that. Can you please try the links again. I sure need the help - think it is something small


12-11-2008, 12:26 AM
Hello DD Admin,

Problem solved! My code included both carouselfiles/jquery-1.2.6.pack.js and facefiles/jquery-1.2.2.pack.js. I removed the facefiles/jquery-1.2.2.pack.js and everything now works as it should.

Thanks for your patience :)