Hi everyone, Just playing around with some lightboxes on a website and have a problem.
There are a couple of slideshows that have prev and next buttons. If I click them the lightbox window closes.
I have failed to find where to fix this. Link is below
I like the idea of clicking anywhere to close the window, but cannot understand why the pause, previous and next buttons would close the window as well. Also, any criteeks are welcome.
Well, I pulled out the other litebox data and populated the Fancybox items. Now the website has no pop ups, the links open on their own pages now. This normally would be an issue of scripts not being accessed (bad paths), I have verified I have paths to fancybox js and css stuff correct.
Again, the link is
I usually put function code near the end, just before the closing </body> tag.
/* Apply fancybox to multiple items */
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false
On a side note I tried a couple things;
1. front page I'm using this
On the contact page I'm using this;
I have the Fancybox files in both locations. I'm just trying to see what the problem is, but unfortunately both locations seem to fail on calling Fancybox.
I should also mention that I originally had the thumbnail links rotating using this;
fx: 'scrollRight' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
but this no longer works since I switched over to Fancybox
I find it's much easier to work with one plugin at a time.
Refer to Fancybox documentation:
Their basic example uses this:
I don't know if Cycle interferes with Fancybox. I've never tried to combine them.
OK, everything is removed, the cycle stuff, google analytics stuff. Now it's just Fancybox, and still does not work correctly. I've had this problem before when the path to my scripts folder was wrong. But now I have no idea what is stopping this lightbox from working
OK, here is a link to a stripped down page, nothing but one image that SHOULD work, but still not working. I know it's got to be something simple I overlooked, but I just can't seem to see what is causing this not to work.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content="Sieberg Photography. Architectural, Product, Commercial, Portraits and more."/>
<meta name="keyword" content="architectural photography, portrait photography, portraits, portraiture, pet photography, product photography, real estate photography, residential photography"/>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" href="http://www.siebergphotography.com/fancybox/source/jquery.fancybox.css? v=2.1.4" type="text/css" media="screen"/>
<a class="fancybox" rel="gallery1" href="http://farm9.staticflickr.com/8199/8220132885_9e693356e9_b.jpg" title="Misty Tree Orchard (Stanley Zimny)"> <img src="http://farm9.staticflickr.com/8199/8220132885_9e693356e9_m.jpg" alt="" /> </a>
<a class="fancybox" rel="gallery1" href="http://farm9.staticflickr.com/8061/8224941348_afd0c54a81_b.jpg" title="Last of the Leaves (h_roach)">
<img src="http://farm9.staticflickr.com/8061/8224941348_afd0c54a81_m.jpg" alt="" /></a>
<a class="fancybox" rel="gallery1" href="http://farm9.staticflickr.com/8208/8220638290_d64cb4497b_b.jpg" title="Seasons II (una cierta mirada)">
<img src="http://farm9.staticflickr.com/8208/8220638290_d64cb4497b_m.jpg" alt="" /></a>
<a class="fancybox" rel="gallery1" href="http://farm9.staticflickr.com/8349/8225268620_4e00a8f603_b.jpg" title="First light (Jan Linskens)">
<img src="http://farm9.staticflickr.com/8349/8225268620_4e00a8f603_m.jpg" alt="" />