Go Back   CodingForums.com > :: Client side development > JavaScript programming > JavaScript frameworks

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 10-26-2009, 09:42 PM   PM User | #1
jc design
New to the CF scene

 
Join Date: Oct 2009
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
jc design is an unknown quantity at this point
can't get lavalamp and fancybox work together

Hi guys, I'm currently
working on a personal website and wanted to incorporate both
"lavalamp" and "fancy box" on the same html page. I have tried and
tried but for some reason one of them works and the other doesnt. It's
like one overrides the other one. I have tried different things with
no success. This is probably a very basic questions for you amazing
programmers, so I kindly ask you for your help. Thank you!! Below is
the script i have for the js.
--------------------------------------------------------------------
link rel="stylesheet" href="css/lavalamp_test.css" type="text/css"
media="screen"/>
<script type="text/javascript" src="scripts/jquery-1.2.3.min.js"></
script>
<script type="text/javascript" src="scripts/
jquery.easing.min.js"></script>
<script type="text/javascript" src="scripts/
jquery.lavalamp.min.js"></script>

<script type="text/javascript">
$(function() {
$("#2").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});
</script>

<link rel="stylesheet" type="text/css" href="jquery.fancybox/
jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="jquery.fancybox/
jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.fancybox/jquery.easing.
1.3.js"></script>
<script type="text/javascript" src="jquery.fancybox/
jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.fancyLink").fancybox();
});
</script>

----------------------------------------------------------------------------------------------------------------------------------------------------------------

I noticed that "jquery-1.3.2.js" is present on both, but they are
different scripts? could that have anything to do with that? if so,
how can it be fixed?

Your help is truly appreciated.
jc design is offline   Reply With Quote
Old 12-29-2009, 06:42 AM   PM User | #2
ashp
New to the CF scene

 
Join Date: Dec 2009
Location: Bay Area
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
ashp is an unknown quantity at this point
I have the same problem, except for me, both worked fine until I tested fancybox with varying image sizes. The first image clicked would come up fine but when I clicked the arrow to advance the slideshow, the next image wouldn't show up and fancybox's arrows and close buttons didn't show up either.
Have not found solution yet.
ashp is offline   Reply With Quote
Reply

Bookmarks

Tags
fancybox, lavalamp

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 08:14 PM.


Advertisement
Log in to turn off these ads.