[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

Colorbox Not Opening

Posted on 2014-03-02
2
Medium Priority
?
250 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Tech or Treat!

Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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 …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Suggested Courses

649 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