Lightbox and Jquery conflict . . .

User 2023679 Photo


Registered User
141 posts

I can add a Menu Builder menu to my RSD project. I can add a Wow Slider to my RSD project. All works fine on export, etc. So I know how to do this type of thing in RSD with no problem.

I used the same steps to add a Lightbox in RSD. This is how it is supposed to look (this page was done in RLM) . . .

http://www.brosepianoservice.com/sparky.html

The 3 photos in the gray box are a Lightbox. You click on one of the photos and it pops up full size and has a nice white frame and navigation controls, and it automatically goes to the next photo. Working as it should.

When I add that same code to an RSD project, when I export and open that page in a browser and click on a photo, the photo pops up, but it does NOT have the nice nice white frame and navigation controls, and it does not go the next photo. NOT working as it should.

After fiddling for quite awhile, and not getting it to work, I started suspecting that there might be a Jquery conflict or something. So . . . . on a hunch, I deleted this file: jquery-1.11.0.min in the js folder in the RSD project files. And guess what?!? The Lightbox worked perfectly. It would seem to confirm there's a conflict with the RSD jquery file and the Lightbox jquery files.

I'm really hoping there's a work around somehow or that this problem can be addressed in one of the next builds for RSD soon. I REALLY need lightbox functionality for my site.

And in the interest of helping make RSD be the best it can be, I have presented my findings here. Hope it helps!

User 2088758 Photo


Senior Advisor
2,740 posts

I will try to replicate tonight when i get home.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2023679 Photo


Registered User
141 posts

Thanks Steve! Be very interested in seeing what you find.

p.s. I'm using Visual Lightbox.
User 187934 Photo


Senior Advisor
18,822 posts

Can you share a link?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2023679 Photo


Registered User
141 posts

Hey Eric . . . just signed up for Drop Box. I think I have it set up. Here's the link . . .

https://www.dropbox.com/s/nsernbecmuhbi … t.rsd?dl=0

That's a quick test RSD file using the same Visual Lightbox files.

Let me know if that doesn't work for some reason.
User 2088758 Photo


Senior Advisor
2,740 posts

I was able to replicate this. I will let the CC team know.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 187934 Photo


Senior Advisor
18,822 posts

Try placing your lightbox scripts in the footer box on the Settings tab.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 103173 Photo


VP of Software Development
0 posts

I just created a quick sample website using Menu Builder and Lightbox and had no problems getting them to work together. All you need to do is paste in the Menu Builder markup into the Settings > Head area and the Lightbox markup into the Settings > Footer area and you are all set. This will remove any jQuery conflicts.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2088758 Photo


Senior Advisor
2,740 posts

I have confirmed this works! Thanks a bunch Eric and Scott.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.