Solved

Colorbox Not Opening

Posted on 2014-03-02
2
233 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 500 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery Animation faster 5 43
Glitch when viewing from computer to mini-window(smartphone) 1 44
P tag not forcing line space 2 23
A simple Float not working. 5 8
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

863 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

Need Help in Real-Time?

Connect with top rated Experts

25 Experts available now in Live!

Get 1:1 Help Now