Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Say I have a list of divs identified by class .e.g ‘.myclass’
Inside each div will be some html content rather than an image.
How do I go about opening the colorbox() so that on clicking the arrows, they will flick through the divs?
I looked at the following post which is the same problem, but his solution gives me no clue as to how he got it working: Duplicate question
Is colorbox even the correct plugin for this?
Here’s the best I could get it. I had to group it with ‘rel’, and call colorBox once for each div that you wanted to group.
http://jsfiddle.net/briguy37/rc5m7/
UPDATE
I’ve updated the base fiddle above to Adam’s solution. He uses
.eachand.findnicely to allow iterating through divs of the same className rather than by unique id. You can see my original solution here: http://jsfiddle.net/rc5m7/13/