using colorbox with "cck"image, showing the title of the image, but if you use the "colorbox-inline" class in the properties of image with text editors (CKEditor) fail to show the title.
What I have to do?

Thanks

Comments

frjo’s picture

Category: task » support

Why do you want to use "colorbox-inline" class? If it is just an image you want to open "colorbox" class is the way to go.

The colorbox-inline feature is for advanced user that what to display content from the current page in an Colorbox. Inline here refers to e.g. a div on the page.

hovering’s picture

Opss ... I do not clarified in the documentation and only appeared as "colorbox-inline" and "colorbox-load" ...
With "colorbox" works perfectly.

Could documentation for users with little knowledge like me?

Thanks

frjo’s picture

Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

dax444’s picture

I'm having an issue with the inline setting myself. I am trying to use it to pop up a Videojs player. I have placed the Video for everyone portion of the code in an inline box and when I click the link it pops up and plays as expected however the page I am poping up from goes completely white. All the content appears hidden. I can figure out what everything is disappearing. If I pop up a Colorbox with just an image using a rel tag there is no issue. It seems related to the inline approach. Any ideas?

donok’s picture

I am getting the same - just a white colorbox with no contnent - I hope it has to do with my link being wrong? I am trying this:

<a class="colorbox-inline" href="http://player.vimeo.com/video/8060277?width=720&amp;height=400&amp;inline=true#8060277">Watch the Trailer</a>

There is an element in the instructions I am confused about - what is the "#id-of-content" and what am I supposed to put in there?

Is there another option to get a lightbox effect working with D7?

Thanks for any help - Don

mvpfi’s picture

There is a catcha with the DIV. This won't work:

<a class="colorbox-inline" href="?width=500&amp;height=500&amp;inline=true#myid">link</a>
<div style="display: none;" id="myid">inline content</div>

Because when colorbox comes out, content is still hidden. You have to write it like this:

<a class="colorbox-inline" href="?width=500&amp;height=500&amp;inline=true#myid">link</a>
<div style="display: none;"><div id="myid">inline content</div></div>

To donok:
Inline link won't work in your case: the url you are presenting is not inline content. You must be able to write the link like href="?attributes_to_colorbox", that is, without URL.

donok’s picture

Thank you - this solved it!

rolandk’s picture

Hi Mikko mvpfi,

Re: adding a Vimeo video to colorbox Drupal 7 I needed some help.

If the embed code for the vimeo video is:

<iframe src="http://player.vimeo.com/video/1234567" width="940" height="635" frameborder="0"></iframe>

What is the correct way to launch this video on colorbox ?

Thanks!

JulienD’s picture

Here is what I used to embed vimeo videos in a lightbox frame.

Just replace $id with the vimeo Id.

l($thumbnail, 
  'http://player.vimeo.com/video/' . $id,     // Replace $id
  array(
    'query' => array('width' => 720, 'height' => 400, 'inline' => 'true'), 
    'fragment' => $id,  // Replace $id
    'html' =>TRUE, 
    'attributes' => array('class' => 'vignettes', 'rel' => "lightframe") // lightframe mode to create a modal frame
  )
);      

I hope this can help :)

wavesailor’s picture

Status: Closed (fixed) » Active

Please can the "hovering" request be added to documentation as I spent hours trying to figure out how to just get an image to pop-up using colorbox. I would do it but not sure how to.

In the documentation it only indicates "colorbox-inline" and "colorbox-load" and does not indicate the "colorbox" option and it's parameters if it has any.

Thx

frjo’s picture

Status: Active » Fixed

Committed text to the README about this in 7-dev.

Please don't reopen old closed issues in the future, create a new one instead.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

duit’s picture

Re: #10 (JulienD),

Im using views to list my videos then hope to load my vimeo files in colorbox. This works fine (but obviously not the full solution) when manually embedding in the view eg.
<a class="colorbox-load" href="http://player.vimeo.com/video/58915714?width=400&height=225&iframe=true">[field_video_image]</a>

Im guessing by using the below of code to get the videos ID this could work, only don't know how/where to pair up the two...did you use a tpl file or something?

	if(arg(0) == 'node' && is_numeric(arg(1))) {
		$node = node_load(arg(1));
		$video = $node->field_video['und']['0']['uri'];
		$vid = substr($video, 10, 20);
		print $vid; //displays my video id
	}

Thanks