| Author | Thread |
|
|
10/11/2010 08:54:39 PM · #1 |
I'm in the process of producing a website. I've run into a confliction with some code using jQuery, I was wondering if anyone could take a look at the code and help me get them to work together, a lightbox and a jquery menubar. When the menubar script is inserted, the fancybox stops working, but when it's taken out the fancybox works fine.
They're both on jQuery so they should work together, im not sure what I'm doing wrong.
The fancybox image I want to pop up is the image below the menubar in around the center of he page. It does not open in the fancybox, you can visit the fancybox website to see what it's supposed to look like.
Here's the lightbox
Here's the menubar
Here's my site to look if you want to take a stab at it: //www.sparksofingenuity.com/The%20Nozzle/index.html
Or pm me in you'd like to help but need more info.
Thanks in advance SO MUCH!
- Jackson Gariety
Message edited by author 2010-10-11 20:55:52.
|
|
|
|
10/11/2010 09:03:29 PM · #2 |
| its not going to help you, but its a sweet layout. |
|
|
|
10/11/2010 09:10:50 PM · #3 |
Originally posted by mike_311: its not going to help you, but its a sweet layout. |
Thanks
|
|
|
|
10/11/2010 10:35:32 PM · #4 |
| Isn't there supposed to be a tag for the image's href? You know, like ? |
|
|
|
10/11/2010 10:45:27 PM · #5 |
It is probably a function name issue. The script inserted directly into the page is overriding any script in the js files. Try naming the menu scripts with a number after them (change the calls accordingly).
|
|
|
|
10/12/2010 12:29:49 AM · #6 |
Originally posted by david_c: Isn't there supposed to be a tag for the image's href? You know, like ? |
Yes, thanks.
Still didn't help.
Originally posted by cpanaloti: It is probably a function name issue. The script inserted directly into the page is overriding any script in the js files. Try naming the menu scripts with a number after them (change the calls accordingly). |
Could you elaborate?
You mean rename the actual .js file in the site folder and then changing the names accordingly in the .html.
Or rename the functions in the inserted script?
Or am I getting you wrong?
|
|
|
|
10/12/2010 12:52:25 AM · #7 |
Originally posted by ApertureJack: Originally posted by david_c: Isn't there supposed to be a tag for the image's href? You know, like ? |
Yes, thanks.
Still didn't help.
Originally posted by cpanaloti: It is probably a function name issue. The script inserted directly into the page is overriding any script in the js files. Try naming the menu scripts with a number after them (change the calls accordingly). |
Could you elaborate?
You mean rename the actual .js file in the site folder and then changing the names accordingly in the .html.
Or rename the functions in the inserted script?
Or am I getting you wrong? |
Since it went heywire after the script for the menus was inserted into the page I suspect that the function names are the same as some in the js files. The function names need to be different if they are all going to work. Renaming the js file will make not difference.
or you're missing some of the js files in your webspace. Have you uploaded everything? Is it in the expected place on the server?
Also, why are the js files listed more than once on the page (view the page source)?
Message edited by author 2010-10-12 01:02:28.
|
|
|
|
10/12/2010 01:07:02 AM · #8 |
Well, thank you all SO MUCH!!!
And it was actually cpanaioti's incorrect suggestion that caused me to make a typing error, and accidentally fix the problem.
It turns out, I was calling the EXACT SAME jQUERY SCRIPT TWICE.
I couldn't tell because one was coming from //code.jquery.com/ and the other was coming from my resources folder in my own website. They were the same script and cannot be run at the same time. I accidentally renamed the .js file in my site folder, then deleted the script calling of the one on the internet and it worked perfectly.
Thanks again!
And thanks Cpanaioti! :D
|
|
|
|
10/12/2010 01:15:38 AM · #9 |
it seems your menubar script binds some img elements' mouseenter and mouseleave events to perform some functions specific to your menubar. i haven't run the js files but this would seem to affect all img elements if the script is not restricted to bind only those img elements listed in the ul of you menubar. so your image intended for fancybox may have been affected by this binding, and whatever it was intended to do on mouse events for fancybox may have been overriden.
yeah i know i haven't offered much solution. i just rephrased your problem :) |
|
|
|
10/12/2010 01:18:49 AM · #10 |
| oops too late. im glad you "fixed" it. nice looking website by the way :) |
|
|
|
10/12/2010 01:24:15 AM · #11 |
Glad you got it fixed.
Message edited by author 2010-10-12 01:25:32.
|
|
Home -
Challenges -
Community -
League -
Photos -
Cameras -
Lenses -
Learn -
Help -
Terms of Use -
Privacy -
Top ^
DPChallenge, and website content and design, Copyright © 2001-2025 Challenging Technologies, LLC.
All digital photo copyrights belong to the photographers and may not be used without permission.
Current Server Time: 11/08/2025 12:15:33 AM EST.