Description:
jQuery Lightbox For Native Galleries makes the native WordPress galleries use a lightbox script called ColorBox to display the fullsize images.
Demo:
To create the below gallery, all I’ve done is inserted [gallery] into this Page’s content. No modifications are required to get the Lightbox working.
Note however that my site uses just one of the 5 lightbox design presets. You can see demos of the other 4 at the Colorbox homepage. Just click on the demonstration buttons on the left side.
Images by Microsoft
Download:
ups, it appears, it just took LOOOONG time (probably server error or problem as even commend send took long time)
Love your plugin, but for this particular client they want to display the large thumbnails, and there are many many photos which will make the webpage extremely long. I was wondering whether there’s a way to divide up the thumbnails into different pages (like nextGEN Gallery). Please advice. Thank you so much in advance!
[...] de l’extension: http://www.viper007bond.com/wordpress-plugins/jquery-lightbox-for-native-galleries/ Cet article a été publié dans WordPress avec les mots-clefs : backup, cache, multilingual, [...]
[...] off your layouts using native WordPress galleries and the jQuery Lightbox For Native Galleries plug-in. We’ve even customized the CSS so the plugin looks like the rest of the Family Tree [...]
[...] off your layouts using native WordPress galleries and the jQuery Lightbox For Native Galleries plug-in. We’ve even customized the CSS so the plugin looks like the rest of the Family Tree [...]
Hi, great plugin, works like a charm and its a clean design. I am wondering how would I resize the image that opens in lightbox?
[...] off your layouts using native WordPress galleries and the jQuery Lightbox For Native Galleries plug-in. We’ve even customized the CSS so the plugin looks like the rest of the Family Tree [...]
is it possible to set the lightbox so that expanded photos cannot be easily downloaded by right-clicking on them?
Preventing people from downloading an image is literally impossible. If it’s on the Internet, it can be downloaded.
yes of course… but can you prevent them from downloading by simply right-clicking the image, as in flash-embedded photos?
This lightbox doesn’t use Flash, so no.
It can help disabling the right button
http://wpmu.org/daily-tip-how-to-disable-right-clicking-on-your-wordpress-blog/
I have been using your plug in for quite a while. Today I did a plug in update and wordpress update….the “slide show” no longer appears, i realy liked this feature, is their a way to get it to work. I see in the settings I have 5 theme options however none of them brought up the “slide show” feature…as a matter of fact the other themes looked dated,..sort off
Hi!
Thank you for the great plugin, but there is a big problem (for me). The plugin works perfectly (WordPress 3.0.5) until I activate the plugin “WP Tweet Button”. After that, wordpress don’t show any images when I create a posts or page. I can upload an image, but I get only a white page. And in the upload-window I can’t see the image too. If I deactivate your plugin OR WP Tweet Button, all works fine.
Is there a workaround or something? Or maybe this will be fixed in the next version?
Thank you,
Nelson
Good plug in
Thank’s. jQuery is very good to make gallery ( i had try to do this with Flash but very difficult and more heavy ). This technology change the webmaster life ^^ I will test soon for next project.
Thank’s again. Virginie.
I’ve been using the plugin and love it. I wanted to suggest a new feature. This is just something to add to the “wish list”. I had a user comment on a photo, not the post. I assume they were able to do this because they viewed the post on a mobile device, but that’s beside the point. What I suggest is an small graphical icon overlay that indicates that the image has comments available. Clicking the small icon would then show a div tag overlay with the comments. Again, just throwing that out there. Thanks again!
I like the suggestion of an additional icon added to the image somehow. I’m less interested in indicating comments on an image, I’ve found much of that to be spam. Instead, is there a way the icon or watermark could indicate “lightbox” functionality? Something that says “click to enlarge” for instance? Just a thought.
It seems that you could add the “click to enlarge” overlay to the thumbnail with CSS. I don’t imagine you would want that on every gallery image, just the one-off images that have the a.lightbox style. Of course that could supported via the plug-in as well.
As far as comment spam, whether on images or posts its only there if you let it. Askmet does a great job for me. Instead of just comments, this could also be the description associated with the media. That’s one field that is very under-utilized. I think that showing the description (or optionally comments) in a div overlay (on the large lightbox popup) when the icon is clicked or hovered over would be pretty cool. Sorry about the run-on there.
Again, just suggestions Alex. It’s just such a functional plugin that it’s tough not to get excited about possibilities.
Great suggestions/comments. I’ll have to attempt this with CSS. It still like to see it as part of the built in themes for the plugin. And I completely agree about the capabilities of the plug in, it’s fantastic.
Hello every body,
Thanks for this wordpress plugin ! it’s very cool.
After having some problems to make it work on my personal theme (the image didn’t load with the plugin but normaly…)
I discover that introducing in the header this :
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /><?php wp_head(); ?>make it work. I think it can help some people in need.
Sorry for my english (i’m french)
bye
[...] var addthis_product = 'wpp-252'; var addthis_config = {"data_track_clickback":true};Testing jQuery Lightbox For Native Galleries from Viper007Bond, who also happens to work for Automattic. So far I’m liking it! Tagged [...]
[...] Foto (Galerien) NextGen Gallery jQuery Lightbox For Native Galleries [...]
Very nice plugin, many thanks !!!!
Hi,
your plugin is great, but since I changed my theme embeeded youtube video in my pages doesn’t “blur” when I click on a lightbox gallery.
You can see an example here:
http://www.androidworld.it/2011/03/15/motorola-milestone-3-droid-x-2-e-un-device-lte-in-foto-40362/
Thank you in advance for your help
Hi!
Is it possible to open only one image with jquery lightbox for native galleries?
If not can you please tell me another plug in which can handle it?
Thank you!
Hi!
Friends I am facing a little problem. Problem is I have create gallery.and when I click on thumbnails then light box is open. and my image size is 500px × 692px. but he scaled my image for this size 371px × 514px. so Please tell me what I do for show same size which I upload… so please any body help me for solving my issue…
My Image gallery link is:
http://www.geomaza.com/gul-ahmed-2011-collection-in-embroidered-chiffon.html
[...] VER DEMO [...]
Muito Bom esse Plug-in!!!
Ja instalei no meu Blog, e agora vou testar!!!
[...] off your layouts using native WordPress galleries and the jQuery Lightbox For Native Galleries plug-in. We’ve even customized the CSS so the plugin looks like the rest of the Family Tree [...]
hi.
thank you for this plugin.
i installed the plugin in my site: http://www.backyard.co.il
when i use IE it works well but when i use Chrome i see only black screen when clicking the images…
any idea on how to fix that?
thanks,
oren
thanks for this valuable plugin. Tried some light box plugin for my client’s website. But fianly got your plugin worthfull..
thanks so much for this plugin
Shajjad
Hi, I was using this plugin for my portfolio on my site & it was working beautifully, but when I updated wordpress it quit working. Now all I’m getting is a black box with a spinning circle, never loads & you can’t close it. I’ve tried a couple things to get it to work {uninstall, reinstall, making the pictures smaller, etc.} but I haven’t had any luck. Is this possibly a ‘the plugin needs to be updated to work’ thing?
My plugin works fine with the latest version of WordPress. Try temporarily disabling other plugins perhaps.
How can I use this Plugin
Can you give me any Instruction to use this
Because there are no Instructions about this Plugin that how we can Use this.
Install it and you’re done. That’s all there is to it. It will automatically make any galleries you add to posts into lightboxes.
nice plugin. And i must say that you wordpress theme is great.
This plug-in is really nice. Is there any way to paginate the gallery?
Not with my plugin, no.
Ah, well. One more question: Can I enable this for a specific page only?
No, not at this time.
[...] which will show your images in the super cool lightbox format. Link. Search for “jQuery Lightbox For Native Galleries” in the add new pluggins search box [...]
I want to know the code for how to add multiple images and when we click on image it should say next button following the next image
Nice plugin! I have been stressed out the past week or so trying to find a way to implement a gallery for WordPress only to find out that WordPress has that feature built-in. I thought it was quite ugly having WordPress take the users away from the blog page when someone clicks on the picture. I then found your plugin and implemented it without any problems. It works great! Thank you so much for taking the time to create this nifty plugin.
Thanks for your plugin! Is it possible to display the discription of the images in the lightbox?
Yes. Fill in the “Title” field I believe it is.
Good plugin, I like it
[...] Once you have your gallery setup, there are plenty of good plugins to further enhance it, likejQuery Lightbox For Native Galleries. [...]
Is there actually a way to not display the image description in Lightbox? Some of the pictures in my gallery are not that big and so when the images show up within Lightbox, the text on the bottom looks cramped together. For example, the text “Image 4 of 5″ will be squished and combined together with my image description.
Im having the exact same problem. Is their something in the PHP file? The site is http://www.maryaverill.com
[...] pagina della galleria di immagini: jQuery Lightbox For Native Galleries [...]
Hi, I just installed this and added [gallery] to a post, it added the thumbnails but when I click on it, it just opens the image on a new tab, no lightbox feature?? Any ideas?
Can you provide a URL to where this is happening please?
Hi,
Please help to set code to display full size image. Please share me require update in jquery.colorbox-min to show full size image
My plugin tells the lightbox to resize the image to fit on your screen. It’s not very helpful you have to scroll around to see the image. But if that’s really what you want to do, then modify
jquery-lightbox-for-native-galleries.phpand change the parameters, i.e. removemaxWidthandmaxHeight.Thank you! I was looking for this option too. Comes in handy when readers need to see all the details hidden in a picture or to read small text in picture.
[...] jQuery Lightbox For Native Galleries?WP????????? [...]
[...] jQuery Lightbox For Native Galleries?WP????????? [...]
Hey Viper…this plugin freakin rocks! A quick question. Is it possible to apply this to blog post images automatically like the old jquery lightbox? (didn’t know if it was possible to add the “lightbox” class to the post template.
Thanks,
Jack
Since this lightbox is jQuery powered, you can have it operate on whatever images/links you want.
class="lightbox"isn’t required by the lightbox, it’s just something I personally picked.Using jQuery selectors, you can make all links that point to an image open up in a lightbox for example.
Awesome…thanks! I’ll give that a try.
Thanks again for the great work on this plug in. I’m still looking for an easy way to add a magnifying glass to lightbox images to indicate that these can be zoomed into. Anyone have a tutorial or approach that works well?
You could add it to the actual thumbnail image, but that would require some decently complicated PHP to accomplish. It’d probably be easiest to do it using CSS.
This is not working on IE 8. It opens and compresses to a white line. Works on FireFox 5.0 and Chrome 12.0.742.112
Hi,
Thank you for your great WordPress plugin! One question – I’d like to make font size smaller on the captions and change the colors. I found the .php file for the plugin on WordPress, but I’m not sure how to do this. Thanks!
You’ll want to edit the CSS not the PHP.
Hi Alex- Great plugin -I’m using it on my site!
Question: is it possible to have 2 different galleries? For instance, I’d like to create on gallery for photos and another for drawings.
The plugin was so easy to use, so I’m so happy with it. However, it’d be great to be able to do that.
Perhaps another gallery on another page?
thanks!
- Laura
[...] jQuery Lightbox For Native Galleries « Viper007Bond.com. ?????? ???????????? ? ??????? ???????. ???????? ? [...]
Thank you VERY MUCH for your plugin! It works great!
[...] 10) jQuery Lightbox For Native Galleries [...]
hi,
great plugin, i have one doubt, how to display 10 images per row.
can anyone help me
Take a look at the columns parameter: http://codex.wordpress.org/Gallery_Shortcode#Options
Hi,
This plugin is exactly what I have been looking for. Thought I was home free, but have been getting folks telling me they are having issues. It looks like it is a problem with IE 8. I have not been able to personally duplicate the problem–and have had no problem with Safari or Firefox, but apparently the folks who are having trouble attempt to open a picture and then it compresses to a white line. I see that one other person has posted a similar issue from a week or so ago. Any thoughts?
Hey Alex. Any ideas on how I might be able to tie in these images from this post? http://j.mp/olRh3T
That is, I have a total of 8-images. 2 of them I displayed fully on the post, and the rest I let the [gallery] take care of (I excluded the IDs of the 2 I have displayed). However, I am only able to manually input
on the first 2. The gallery’s I won’t have to worry about since we have
$(obj).find("a").colorbox({rel:galleryid, maxWidth:"95%", maxHeight:"95%"});I guess is there a way to tie-in or have the images that I have manually added “.lightbox” to (first 2 in this case) to have the same “rel:galleryid” as well?
So Colorbox doesn’t automatically apply itself to any images. You can to select some links and then tell Colorbox to make them lightboxes.
By default my plugin makes each
[[gallery]]a group by selecting all of the links and then making them into a group using therelColorbox attribute and combining it with a randomly created group ID.So the thing you need to do is to get all of the images you want in the same group to have the same
relvalue. This will require doing this:Which stops the stock Javascript being being outputted and then implementing your own jQuery selecting and Colorbox’ing.
That help?
Follow up to my earlier comment, I was doing some checking and found a post on the StudioPress forums where a user was also indicating that folks were having issues with IE8. A moderator suggested posting the code below into the style.css file. It seemed to fix the users problem. I have not tried this, but put it here in case it makes any sense. If it is a red herring or is completely off-base, please accept my apologies. This was the suggestion that I found:
Try adding the following to style.css:
img#cboxPhoto { max-width: none; }Not working in IE8 box opens and then collapes, this demo page freezes in IE8. I really need this plugin.
can this wordpress plugin allow for multiple galleries on one page. for instance, i’m working on my sister’s website. she wants one set of photos for something, and another set of photos for something else. these different sets of galleries will live on one page.
any tips for me or insight? thanks!!!
easyfunnimo
Yes, my plugin groups each
[gallery]into it’s own lightbox grouping.[b]Thanks![/b] I’ll check it out! have a good one!
<h2>Image Gallery</h2> <?php echo do_shortcode('[gallery]'); ?>Alright so that is the code I’m using to try and display my image gallery however it is loading the image in a new page but on the same tab. I’ve also tried inserting a gallery into a post with the same result. Any ideas how to fix this?
I have updated wordpress to 3.2.1 and when I tried to access the gallery but all I’m getting now is a spinning circle. I have disabled and enabled all my plugins one by one and it still doesn’t work. Any idea how to fix this?
Hi,
Thanks!
I put [gallery] in the editor and saved page. Nothing shows though. I’m missing something… What should I do to have the gallery show? Sorry, WordPress and plug-ins are new to me.
e
okay. update. the one image i selected shows.
How do i have more images show? WHen I select another image, via clicking the icon with the montain on it, in the editor… that image simply replaces the [gallery] and sticks the image there.
Hmm… Maybe my question is more like…
How do I use this plug-in in WordPress to do the type of interactions posted in the demos on the follow page: ?
http://colorpowered.com/colorbox/core/example2/index.html
Thanks!
Is there a “quick” way to do that? For me, I am capable of finagling with the code. I’m trying to replay a method that my sister can use. I’ll be out of the country for a bit, and I’m hoping I can show her something “easy” for her to use to post her images on her testimonial and before & after page.
Thanks again!!!
e
This guide will help you: http://en.support.wordpress.com/images/gallery/
It was written for WordPress.com but applies to self-hosted installs too.
@Viper007Bond brilliant stuff by the way.
Hi I have been working on a work around and this is looking promising:
Well in fairness it is not my coding but from
http://www.island94.org/2011/01/adding-class-to-wordpress-linked-images/
so to include a link but I thought I should credit who done this.
I just need to figure out how to automatically replace an image when it is loaded with [gallery columns="1"] and it would be fully automatic.
So people in you function.php add the following:
<?php /** * Attach a class to linked images' parent anchors * e.g. a img => a.img img */ function give_linked_images_class($html, $id, $caption, $title, $align, $url, $size, $alt = '' ){ $classes = 'lightbox'; // separated by spaces, e.g. 'img image-link' // check if there are already classes assigned to the anchor if ( preg_match('/<a.*? class=".*?">/', $html) ) { $html = preg_replace('/(<a.*? class=".*?)(".*?>)/', '$1 ' . $classes . '$2', $html); } else { $html = preg_replace('/(<a.*?)>/', '$1 class="' . $classes . '" >', $html); } return $html; } add_filter('image_send_to_editor','give_linked_images_class',10,8); ;?> <?php /** * Attach a rel to linked images' parent anchors*/ function give_linked_images_rel($html, $id, $caption, $title, $align, $url, $size, $alt = '' ){ $rels = 'galleryid'; // separated by spaces, e.g. 'img image-link' // check if there are already classes assigned to the anchor if ( preg_match('/<a.*? rel=".*?">/', $html) ) { $html = preg_replace('/(<a.*? rel=".*?)(".*?>)/', '$1 ' . $rels . '$2', $html); } else { $html = preg_replace('/(<a.*?)>/', '$1 rel="' . $rels . '" >', $html); } return $html; } add_filter('image_send_to_editor','give_linked_images_rel',10,8); ;?>hope this helps
Sorry forgot to mention this above code is for loading a single image and you need to load a single image like normal above it (in html mode) type in
and it works all beautifully on latest WP
te?ekkürler çok güzelmi?.
Viper, love this plugin!
2 Questions:
How could I implement printing from the iframe? I want to give the option to print only the image within the lightbox. I know it will take javascript, but how would I go about implementing it.
Is there a way to add an image ‘header’ above the image loaded? Something that would be loaded above every image (but within the lightbox). Such as a ‘Print This’ image?
I am using this plugin to display a set of images in my WordPress site. The images have varying aspect ratios, so the thumbnails also vary. I would like to force all thumbnails in the gallery to have the same height, resizing width as necessary to accomplish that. With the same height, I can have a good-looking “film strip” on the page. With the same height, different thumbnails would have different widths because of their different aspect ratios. That’s fine.
Is there a way to accomplish this?
I have tried setting the thumbnail dimensions in media settings to 150×100 instead of 150×150 and thumbnails now have a more uniform height. But they are not spaced evenly across the page. There are wide gaps between some thumbnails and lesser gaps between others (see my web site for example).
I had noticed uneven spacing even when thumbnails were of varying heights with the default 150×150 settings. But they are much more uneven now that I am using 150×100.
Is there a way to get even spacing in the gallery?
Hi Alex,
I experience this error:” “MX1.jpg” has failed to upload due to an error
The uploaded file could not be moved to /home/antesg/domains/ante.sg/public_html/wp-content/uploads.
This error came about after the image have been “crunched” could you advice what may have caused the error.
It was working fine in the old server, we have relocated the site to a new server and when i try to add any new image it would prompt this error. By the way is there a specific php version etc before this plugin can work? Thanks.
Men thanks for the info!, now i have my gallery with the jquery plugin
Hi there!
I’m loving the lightbox plugin, thanks for your work on this!
I have it implemented in my site, however for some reason it does not group all images in the same gallery into the image display pop up window. Right now I have three columns of pictures, and clicking on one brings up the lightbox display, but only displays the three pictures in each row.
Is there some setting I can adjust so that it will display all the pictures in the gallery? I’ve tried looking around in the settings and I’m having trouble finding anything that might help.
Thanks again!
Hey Viper
Is there any way to do any preloading of images with this? Like, start loading the next image in the slideshow when viewing any given image or something? Switching between images is pretty slow if I want to use a fairly large image size otherwise.
Thanks!
Hi, I’m using this plugin and want to thanks for your work! Congratulations!
I’m having a problem: One of my WP sites show the picture out of screen… the pic dont appear in middle of screen as usual…. you need to roll down to see…. and each image you change, it happen again… and go down
The site/example post:
http://blogs.98fmcuritiba.com.br/andre/2011/08/12/imagens-alto-astral-para-comecar-bem-fim-de-semana/
Anyone can help me?
I have downloaded your plugin and it works fine, but my problem is that the menu disappers when I activite you plugin.
Please let know, if there is a fix or where to look for the problem. The menu is a dropdown or dragout menu….
is there a way to get rid of the image title completely without going through each image and deleting it?
chrs
M
I could not page through the photos… it’s possible?
Could you please gave us the option to use medium size pictures? I use the original size for large images, so can be printed.
Thansk!
Sleak plugin ALEX!
For me, being a CSS’er, it’s GREAT to be able to handle JS through a class!
LOVE IT ?
Thanks
hello
thanks for this plugin.
and installed the plugin on my site
I wanted to know if the plugin works with the latest version of wordpress
Hi, For some reason I’m not able to get this plugin to work on my site. it seems that nothing is happening once I installed the plugin… as if my site is not recognizing it. Do I have to do anything like else besides your instructions on the plugin page?
My problem was a very simple human error. I forgot to put the header id tag in my header.php file. Everything works fine now. Great plugin!
Great plugin, thx alot!
Great plugin. Works fine but have one major problem. The lightbox is displayed behind youtube embedded video’s?! I checked the CSS and saw a z-index of 99999. I also noticed the css file was listed as not active and the video is not faded. I have no clue as how to solve this issue. Any help is appreciated.
You need to set the
wmodeparameter on your YouTube embeds.Or just edit the post and replace the embed code with the URL to the YouTube video being on its own line. WordPress will automatically convert that into an embed. See http://codex.wordpress.org/Embeds
Hi,
I am very fascinated by the functions of your plugin! However, my primitive theme seems to makes the images jump down for each press to “next”. What am I missing In my theme?
See this in action here: http://www.lunatik.se/produkter (if you don’t see the big image when pressing a thumbnail, look further down
(That’s my problem)
How odd. I have to assume that it’s some CSS in your theme that is causing the issue. If you temporarily try a different WordPress theme, does it then work as expected?
Yes, then it works… I must be missing some crucial class or tag.
Any idea, which one?
(this is an awesome plugin, would love to have it working)
Great site and awesome plugin. I am curious if the plugin will work on a WordPress theme that is 3.2? In the plugin section on W, it states that it is not compatible with the current version of WP. Thx for the feedback.
if i edit jquery.colorbox-min.js can i turn on the slideshow?
what code i’d have to change??
thanks for the plugin
i got it!
just had to replace
slideshow:c
with
slideshow:e
and all works perfect
[...] Check out live demo [...]
[...] ? ???????? ??? ??????? – ????????? ? ?? ??????? jQuery Lightbox For Native Galleries), ??? ? ?????? ????????? ????????. ??? ??? ?????????? [...]
Great looking plug-in, doesn’t work on my theme, however.
I am using your brilliant plug-in for a project, but can you tell me how I hide the filename of the photos? It show in the upper left corner, when the lightbox opens.
Thanks!
Michael
Denmark
One of the fields, “Title” I think, controls what title shows up in the lightbox. Just fill that in for the uploads in WordPress and you’ll be good to go.
I have a little problem I would like to get rid of. For example I have created a gallery of 4 images. Next I would like to add an induvidual image at another part of the page. What happens is that this image is added right there where I want it but in addition it is shown in the gallery as well as 5th image. In other words it is shown twice.
Use the
excludeparameter to exclude it from the gallery: http://codex.wordpress.org/Gallery_ShortcodeHi!
Great plugin – I’m a bit comfused though, I would like the Lightbox to open on all images, that means also single inserted images in thumbnail size.
I’m aware of the “class=lightbox” snippet, but I’m not sure how to use it – I have more than 100 posts, so it would be so nice if this could be taken care of in the post-template.. Oh how to that?
Bw. and thanks a lot for a great plugin!!
Since the script this plugin uses, ColorBox, is jQuery based, you can make it apply to all images from within your theme. I think something like this will work:
<script type="text/javascript"> jQuery(document).ready(function($){ $("a[href$=.jpg], a[href$=.jpeg], a[href$=.png]").colorbox({maxWidth:"95%", maxHeight:"95%"}); }); </script>That (should) find all links to JPEG and PNG images and turn them into lightboxes.
Hi – Thanks for a ultra fast reply!
In header.php, right?
Doesn’t work I’m afraid :s
Tried replacing the code in jquery-lightbox-for-native-galleries.php line 86. Didn’t work.
Tried added the code to header. Didn’t work.
Tried the same, but replaced jpeg with jpg. Same result :s
Any help much appreciated
In
header.php, inside of<head>, and afterwp_head()should work.Sorry to say but it doesn’t
tried but doesn’t work here
The text isn’t wrapping in the name area of the image. Sometimes the title goes over the number. Can you please fix that?
Glen
It’s an issue with the lightbox library that my plugin uses (i.e. it’s not my code). So no, I can’t fix it. Sorry.
[...] Check out live demo [...]
I did. The text here is short and you can’t see the same problem. Type something longer than “Autumn Leaves” and you will see what happens. Make something really long just as an example and you will know what I mean.
Can you please fix this so the the writing doesn’t go over the number or give us options to do something with the numbers?
Glen
Did you check? Can this be fixed easily?
Glen
This plugin is simple, straightforward, and fantastic. Its working superbly with the site I’m developing. However, I was wondering if there is a way it can be turned off for specific posts or pages?
Not currently, no. Sorry.
Hi, I finally found a gallery plugin I like with this! however all my gallery images are displaying in one vertical column, justified left… I keep changing the column number but to no avail. Any idea what I might have done wrong?
Good day. Question.
Why of the 13 photographs take 13 galleries with 13 photos? Thank you!
Very nice plugin. Is there a CSS class or something I can use to apply to individual images so that a linked larger version of those can also be made to be shown by the plug-in?
At the moment, the gallery photos are shown by the color box, but the main image which links to a larger version shows in a different page.
I know I can install a separate lighbox plug-in for that, but I’d rather have your plug-in do both if it has the capabilities.
Please let me know.
Thanks
I added a class of “.lightbox” to the single image on the post and it worked. That was after trying “.colorbox” as a class. That did not work.
I tried the script you show the guy above and in fact it breaks everything. After applying that script to the head, neither the single image, or gallery images work. I even tried replacing the “colorbox” to “lightbox” in that script. I wonder if there is some kind of syntax problem in that script. But I’m not a programmer, so I would know.
I got it to work, but I’m going to have to apply the class manually to every image. Unless you know how to globally add the lightbox class to every image link on the site.
-Danny
If it breaks everything then it sounds like there’s a Javascript syntax error. Make sure you’re adding it after
wp_head()is called. Directly before the head is closed would be best, or even in your footer.php.Yes, give the link (not the img tag) a CSS class of “lightbox”.
Oops, I didn’t see your second comment from within my admin area.
Hi Alex – great plugin! I am helping my niece build a site to show her portfolio for grad school admissions! This helps quite a bit!
One question – it was asked earlier… Is it possible to remove the file name so that it does not show up. You answered that you can change it in the Title attribute of the image in the gallery. However, the Title is required, so something needs to be there. Using just a space does not work
Any thoughts?
Thanks for all you do!
Be Well.
Paul.
You could hide that part of the lightbox using CSS I guess. Or maybe
will work.Hello. I was testing the Thematic 320 and Up theme for WP. Seems it uses box-sizing: contnet-box.
I had to add the following to function wp_head() in the main JS file to make the content display correctly: http://pastebin.com/CHFSh6VA
Don’t know if it was just on my copy, but in case some else runs into this, hope that helps. The only thing that is still bugging me is that the colorbox isn’t centered, and display to the right of the center-width. Please do let me know if you see this as well. Thanks in advance.
Correction, 320 & up uses box-sizing*
Sheesh… box-sizing: border-box. Please delete the above incomplete comment. TIA ^^
You may take a look at the off-centered display by using this link, and clicking on a colorbox-linked image: http://justamemo.com/?theme=Thematic320andup
This is working well on my site. I have 16 images in the gallery, but for some reason the counter on the bottom starts at 3. So when you click on the first image it says “image 3 of 18″ at the bottom instead of “1 of 16″. Any ideas? Thanks for a great plugin.
Can you provide the URL to where this is happening so I can take a look for myself? Thanks.
Ok,
Thank you for the plugin. My problem is that the thumbnail images are bleeding out into the sidebar (while the text doesn’t).
Here is the link:
http://www.jgraphicdesign.com/work/
What can I do?
That’s a great plugin, it works really well and without trouble
! Only in ie 8 i have the same problems as others, that the images don’t display and i get a white line instead. After testing other lightbox plugins i decided to stick with your plugin after all.
So my question is: how can i force the plugin to degrade nicely in ie8? Like this site does: when i click on a image from the demo it opens in another page. So how can i configure it to work like this? Thanks!
Hello, I’m new wordpress plugin installed but not loaded, there is some incompatibilade the link where the images are hosted through the theme?