?
Solved

Colorbox Not Opening

Posted on 2014-03-02
2
Medium Priority
?
255 Views
Last Modified: 2014-03-02
I am trying to use the "Colorbox Slider".  When I select the image, the colorbox slider doesn't open.

<script>
            jQuery(document).ready(function () {
                jQuery('a.gallerycb').colorbox({ opacity:0.5 , rel:'group1' });
            });
        </script>
<table border='0' cellspacing='0' cellpadding='0' width='100%' id='grid'>
<tr>

<td class='gallerycb' width='33%'><div><a href='gallery/BriOne.jpg'><img src='gallery/BriOne.jpg' /></a></div>
<div class='caption'>Added: Apr-1-2013</div></td>
<td class='gallerycb' width='33%'><div><a href='gallery/BriFour.jpg'><img src='gallery/BriFour.jpg' /></a></div>
<div class='caption'>Added: Oct-30-2011</div></td>
<td class='gallerycb' width='33%'><div><a href='gallery/BriThree.jpg'><img src='gallery/BriThree.jpg' /></a></div>
<div class='caption'>Added: Jul-12-2009</div></td>
</tr>

<tr>
<td class='gallerycb' width='33%'><div class='caption'>Added: Jul-12-2009</div>
</td>
<td class='photo' width='33%'>
<div class='caption'>Added: Jul-12-2009</div>
<div><a href='gallery/BriTwo.jpg'><img src='gallery/BriTwo.jpg' /></a></div></td>
</tr>
</table>
</div id="gallery">

Open in new window


The page
http://www.bricooper.net/photobri.html
photobri.html
0
Comment
Question by:DS928
2 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 2000 total points
ID: 39899411
Don't see anywhere that you have included the Colorbox plugin
Plus you have fancybox loaded and are using that on one of the images.
0
 

Author Closing Comment

by:DS928
ID: 39899453
Thank you.  I just switched over and Fancybox is working.
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month9 days, 16 hours left to enroll

569 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question