View Full Version : can't get lavalamp and fancybox work together

jc design
10-26-2009, 10:42 PM
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"
<script type="text/javascript" src="scripts/jquery-1.2.3.min.js"></
<script type="text/javascript" src="scripts/
<script type="text/javascript" src="scripts/

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

<link rel="stylesheet" type="text/css" href="jquery.fancybox/
jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="jquery.fancybox/
<script type="text/javascript" src="jquery.fancybox/jquery.easing.
<script type="text/javascript" src="jquery.fancybox/
<script type="text/javascript">
$(document).ready(function() {


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.

12-29-2009, 07:42 AM
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.