Block based on Lightbox

Permalink 1 user found helpful
Wanted to know if anyone's made a block based on the lightbox plugin and if so would like to know the cost as one of my clients desperately needs one. It should be similar to this one

View Replies: View Best Answer
clairec replied on at Permalink Reply
Lightbox does not work try the zoom block by Remo or add html block using shadow box it's on my site under websites page
Pritam replied on at Permalink Reply
I already tried using the Zoom block, but my client is pretty demanding and he wants it just like the one I mentioned on the link above, Also, I am able to use it within the HTML block, but updating it would be a pain for the client, hence I was looking if anyone's already made a block.
craftyCS replied on at Permalink Reply
There is already a lightbox slideshow plugin in the marketplace that does exactly what you are after... find it here:

Tony replied on at Permalink Best Answer Reply
This one doesn't use lightbox, but it does the same thing:

it's really easy to skin, and you can have it just point to another area on another page.
Fernandos replied on at Permalink Reply
I and Mnkras are developing a Colorbox Package, for fun and we're going to release this here when we're finished with it. Process is slow a bit, he's in school and I'm studying ;)

Here's a link where you can watch for progress:
Any questions or suggestions here please:
#colorbox_package in freenode.

Bug reports go here:
Mnkras replied on at Permalink Reply
almost done with it just having some really weird problems with it :) its only going to be like the image block at first, but later I may expand it.

There are some things i didn't stick in the git that i have to do.
zoinks replied on at Permalink Reply
Hi Fernandos and Mnkras,

I've installed your colorbox plug-in and the image is always the same size before or after you click the image.

See what is happening here:

The big black square at the bottom is using your colorbox.

If I use "mix height" and "min width," when it is supposed to enlarge, it will actually remain the same size as the thumbnail image. So, it's either a big image at all times or a small image at all times.

Is it not working correctly yet?

zoinks replied on at Permalink Reply
Hi Tony,

I like your Popup block, but I noticed in Example 3 using the image gallery all the images are popping out of the container box at the right side:

I am viewing in the latest Firefox for Mac (3.6.3)
Tony replied on at Permalink Reply
cool, thanks, I just had the popup block width set too small in the edit block interface. should be fixed now.
zoinks replied on at Permalink Reply
I really wish I had bought your plug-in instead. I went for the Gallery one instead because it looks most like Lightbox, but it's completely broken. I saved $10, but I wasted an entire day trying to figure out why it's broken.

I remember I've talked to you before and you've always been super-helpful. Your response here was also immediate. So, I think from now on, I'm going to be looking to see if you've created a plug-in that suits my needs first.

Once I get my refund, I think I will go ahead and buy your plug-in.
glockops replied on at Permalink Reply
I've used Facebox before:

It's pretty easy to use by just inserting a rel="facebox" tag.

Example: click the room links (draft page)

Those overlays are delivered with a custom template for the page list block that adds the rel="facebox" tag.

Privacy Policy and Website Feedback (bottom left corner) are also delivered as overlays.
myregistration replied on at Permalink Reply
I, too, want to use the Lightbox feature such as the free version at I used the code outside concrete5 and works as expected, but when added to my template header there must be a conflict, the dashboard control bar disappears and the jquery code doesn't work. Any ideas? I don't want to pay $15 for an add-on that has the same functionality as what I can use for free. The problem appears to be with the file prototype.js, I'm attempting to debug now. Thanks in advance!
Pritam replied on at Permalink Reply
The Gallery block from the marketplace is worth purchasing then spending time to get the jQuery Lightbox to work.]

These gentlemen have taken care of all browser inconsistencies etc so you just have to forget all those worries.
Fernandos replied on at Permalink Reply
Hi Fellas :)

The version on github is very outdated, really!! I've forgotten to push the changes :P But I will do when I finnish the Pro version which I'm working on at the moment. I've to discuss that with Mnkras which features the Light version is going to have. And how and if we price this Pro thingy.

Video Demonstration of the current features (it's still beta).

You can use multiple themes on one page and you will be able to use every colorbox option. Really immense control!
MatthewSchenker replied on at Permalink Reply
I'm still new to Concrete5, so I might be missing something obvious. But how do I simply create popup images from thumbnails in my articles?

I have the full-sized image in my File Manager, and I create a thumbnail embedded in the text of an article. When the visitor clicks on the thumbnail, I want a lightbox to pop up. I have it working so the thumbnail links to a full-sized image, but I can't seem to get it to work as a lightbox, even when I set it to "lightbox" in the advanced tab of the link editor.

Having these kinds of pop-ups is important i my site. Can someone lead me in the right direction here?

cannonf700 replied on at Permalink Reply
Here is a simple way of doing this:
1. download this theme from the marketplace,
2.This theme includes a javascript code so copy and paste the 'js' and 'shadowbox' folders to your theme's folder.
3. drop this line of code into your theme's header.php AFTER the 'header_required' php call and before </head>

<script type="text/javascript" src="<?php echo $this->getThemePath()?>/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
players: ["html","img","swf","flv","qt","iframe"]
<link rel="stylesheet" type="text/css" href="<?php echo $this->getThemePath()?>/shadowbox/shadowbox.css" />

4. Add a reference to any link to make it appear as a shadowbox: rel="shadowbox[set]"
for example <a href="" rel="shadowbox[set]; width="750"; height="500";> </a> would open google's home page in a fixed width and height shadowbox.
check out Richardet Design for some examples:
zoinks replied on at Permalink Reply

thank you! i can't believe i bought 2 plug-ins.
Fernandos replied on at Permalink Reply
If you just want a lightbox equivalent working without the need of an addon, you can always do it yourself manually!

Just download ANY lightbox like javascript library. Upload it into your themes /js folder. And load that js file from within your header.php, then just write the apropriate lines of code to activate the lightbox equivalent.Something like $('').colorbox();
Then you just need to create an chor with the class "gallery" in this case. Really simple.

Not that simple to automate most of that for you with an addon though ;)
MatthewSchenker replied on at Permalink Reply
I have tried the methods described here, and they just seem rather clunky.

As I have posted elsewhere, I am building a Web site using Concrete5 and Joomla, so I can do a full comparison of the benefits and weaknesses of each. With Joomla, the WYSIWYG editors allow you to insert a photo in an article, then apply a "popup" class. That creates popups quickly as you insert your photos.

I find the available options in Concrete5 to be rather less elegant.

zoinks replied on at Permalink Reply
Yeah, a pop-up class would be great. After downloading several add-ons, I found the simplest method to be using shadowbox and just teaching the client some very minimal html to apply the class to a link. I wanted to just do it through an interface, but the amount of clicking around was confusing for me, so I can't imagine explaining it to a client. I'm not thrilled with the shadowbox solution, either, but I don't have the skills to make anything better myself! :)
zoinks replied on at Permalink Reply

Yeah, I agree... What is the Lightbox option in the dropdown of the Link Advanced tab for if not for hooking up Concrete5 to Lightbox? If there's some conflict or something, why is it even there?
LucasAnderson replied on at Permalink Reply
Ah, that's part of TinyMCE, which is a 3rd party WYSIWYG editor that was not built by Concrete5, rather, it was bundled into it like many other CMS's.
AngusHume replied on at Permalink Reply
Sorry this is an old thread but I've been trying to get a general lightbox functionality for my site and having some issues. I found the Lightbox option in this dropdown. It does add the rel="lightbox" to the link and so it does hook into shadowbox. Shadowbox allows use of lightbox or shadowbox to call. Only problem is you have to go into the HTML to add the dimsnesions. I'm finding this such a hassle. I have no problem adding the basic HTML muself but I'm loath to try and teach my client to do this. Is there a way to hack the editor window so that you can add the dimensions? If it was a field instead of a dropdown?
AngusHume replied on at Permalink Reply
I figured it out, eventually. I edited the link.htm in concrete5/concrete/js/tiny_mce/plugins/advlink/link.htm

The popup selector and values are hard coded here. It was easy to add as many predefined values to the rel id eg
<option value="lightbox;height=166;width=560">Lightbox Soundcloud</option>

or I could comment out the selector style and insert a text input style, so in the tinyMCE link editor the rel popup is now just a text box and will accept any entry.

I realise this will probably get wiped out by future upgrades, but at worst they will loose the option until I hack it again, at least it would not break existing pages. I dont understand why there is no built-in option for lightbox with values on any link. All the blocks in the market place are nice, but no good if you need to have lightbox off a plain text link in the middle of a paragraph.
jb1 replied on at Permalink Reply
In case you want an easier way to create a lightbox, check this out:
AngusHume replied on at Permalink Reply
Thanks, that's a great looking block. But unless I misunderstand, I cannot use that to put a lightbox link on a word in the middle of a normal paragraph in a content block.
Steevb replied on at Permalink Reply
Copy the file to the root and it wont get affected by future upgrades.

AngusHume replied on at Permalink Reply
mmmm, I tried that but it's not picking up the copied file.
Steevb replied on at Permalink Reply
Sorry I didn't reply sooner I'm not getting an automatic email when someone adds to this discussion?

You might want to check the path for the .htm and and maybe alter the paths to the js and css calls in the head.