March 7, 2011 at 1:57 pm #3322
I uploaded the dummy content so that I could see how the gallery was created. I deleted the dummy images you supply and inserted my own but they do not expand when you click on the thumbnail and I am not sure why.
MatMarch 7, 2011 at 3:03 pm #41650
Just to note, I have been viewing some posts relating to the problems caused to lightbox by upgrading to WordPress version 3.0.1. I think it is clear that this is the problem but:
– I have installed prettyphoto 1.6.2. and can now open the image thumbnails, but they open in a seperate browser screen???
– I don’t seem to be able to upload the the latest version of prettyphoto, when I add new in the plugins menu it just stalls.
MatMarch 8, 2011 at 9:56 am #41651
The Pretty Photo version bundled with the theme (and therefore not a separate plugin) should handle this without any problems, you can simply copy the pretty photo JS file into the theme’s JS directory when there’s an update however both versions are currently running 2.5.6
What other plugins do you have active?
Have you tried disabling them all to see if there is a JS conflict causing the problem?
What other modifications have you made to the theme?
JamesMarch 9, 2011 at 3:45 pm #41652
Thansk for the quick reply James. I have a few plugins added but I deactivated them all and I am still having the same problem. (they include redirection, SEO friendly images, SEO slugs, WordPress Database Backup, WordPress SEO, Yoast Breadcrumbs and the recently added PrettyPhoto 1.6.2).
I can not think of any other modifications that have resulted in my featured images or gallery images not expanding to full view in lightbox. Featured image option has always been set to – ‘Full Entry with Fullwidthpicture, following enttries with smaller picture’. The only thing I can think that has caused this problem is the upgrade to WP 3.1 but I am not 100%.
Unfortunately, whilst i understand a bit I am not that technically minded and therefore do not know what you mean when you suggest copying the pretty photo JS into the theme’s JS directory. Any technical advice such as this will need to be explained to me in the language of a three year old child! ;-)March 9, 2011 at 3:49 pm #41653
just a thought. I think everythign was working fine before I added ‘dummy content’ to the site. might this have caused some sort of conflict?March 10, 2011 at 5:04 pm #41654
the problem is that you didn’t add
rel="lightbox"to your image links.
<a href="http://substanceone.co.uk/?attachment_id=728"><img width="500" height="750" alt="Lawyer 2B 2011 143 web Lifestyle Photography London | Lawyer 2B Careers Day | Nurturing Talent" src="http://substanceone.co.uk/wp-content/uploads/2011/03/Lawyer-2B-2011-143_web.jpg" title="Lawyer 2B Careers Day BPP" class="alignleft size-full wp-image-728"></a>
The link (a href element) is missing the rel attribute so the lightbox ignores the image. Change the code to:
<a href="http://substanceone.co.uk/?attachment_id=728" rel="lightbox"><img width="500" height="750" alt="Lawyer 2B 2011 143 web Lifestyle Photography London | Lawyer 2B Careers Day | Nurturing Talent" src="http://substanceone.co.uk/wp-content/uploads/2011/03/Lawyer-2B-2011-143_web.jpg" title="Lawyer 2B Careers Day BPP" class="alignleft size-full wp-image-728"></a>
and the image will expand when you click on it.March 12, 2011 at 8:04 am #41655
Thanks. Why is the code suddenly missing the required lightbox element? Where do I change href code. I can’t find it in any of the wordpress menu options.
MatMarch 13, 2011 at 4:29 am #41656
I think I have exactly the same problem. I purchased Twicet theme yesterday and the portfolio gallery are not working from the start. When clicking on thumbnail, it goes to the bottom page and the image appear in actual full size at the bottom of page. It doesn’t come up like in the demo version of that theme.
I try to replace with the new prettyPhoto (3.0.2) files in js folder and also prettyPhoto folder. Still not working.
I see in template_portfolio.php that the rel is . Not sure if it changes with new version?
SyedMarch 13, 2011 at 4:31 am #41657
Opps. i didn’t know you can use html code here. What i mean on my previous lines:
I see in template_portfolio.php that the rel is a href=”‘.$portfolio_image.'” rel=”lightbox[portfolio]” . Not sure if it changes with new version?
SyedMarch 13, 2011 at 8:21 am #41658
I think this plugin: http://wordpress.org/extend/plugins/add-lightbox/ will help you – it adds the rel=lightbox attribute to all images within a post :)March 15, 2011 at 3:26 pm #41659
sorry, the images are still not expanding in lightbox, even with the plugin.
you can see what is happening at – http://substanceone.co.uk/gallery/March 16, 2011 at 6:30 am #41660
I just noticed that you’re using WP3.1 now. We released an update for Habitat which adresses the lightbox problem with WP3.1 some days ago (you can download it @themeforest.net). If you don’t want to update (because of major customizations, etc.) you can just replace the lightbox files. Please refer to this thread: http://www.kriesi.at/support/topic/wp-31-breaks-lightbox for more information.March 24, 2011 at 5:50 pm #41661
Thanks. I had a look at the link you have sent me before posting my problem. The information in the link is all a bit difficult for me to understand unfortunately. A couple of points which i would like you to get back to me on if possible.
1. If I update the habitat theme, will it effect my current content in any way? Is it easy to update the theme?
2. If you refer to an earlier comment of mine in this thread, I mention that I can not upload prettyphoto 3.0.2.
Sorry, but I am stills stuck on this whole issue and I would like to get it sorted asap vas my Gallery function is the most important part of the site.
Many thanks for your time and assistance with this.March 25, 2011 at 6:47 am #41662
the update is easy. Just replace the files mentioned in version.rtf (changelog) which is included in the download package (you can download it at themeforest.net). If you didn’t modify the theme files the update is very easy because you can replace all files without tking care of modifications. If you customized files you can use version.rtf to replace only the updated ones.April 1, 2011 at 12:16 pm #41663
sorry, I don’t understand anything you have said. So I need to pay for the theme again?April 1, 2011 at 12:30 pm #41664
can you give me the exact link for the updated doenload package on themeforest.net please?April 3, 2011 at 7:36 am #41665
No – the update is free. Go to themeforest.net and login with the username you used to purchase Habitat. Then go to “My account” > Downloads. There you can download all theme files again. I can’t give you a direct link because obviously it depends on your user name :)April 11, 2011 at 3:12 pm #41666
Hi. I have gone to themeforest.net and downloaded the theme again. So, presumably I now have updated files. Can you please give me a step by step guide as to how I replace the necessary files in order to get lightbox to work? Please treat me as though I have no technical experience with these things. Thank you. hopefully, i can get this resolved asap.April 12, 2011 at 11:04 am #41667
ok. I am starting to make a bit of sence of all this. I have gone into my CPanel and located the folder that contains the js prettyphoto. I have opened the file called jquery.prettyPhoto.js using the code editor tool. So I see a lot of code in front of me that I do not really understand. What part of this code do I need to replace with the updated code. you mention in previous posts that the best way to do it is line by line – but which line? I just need a little help with this last bit and I think i will be there! ;-)April 12, 2011 at 11:42 am #41668
Ok. I have replaced all the files in the css, images and js folder in js.prettyPhoto folder on my CPanel (the new files I used were from prettyphoto_compressed_3.1 download), the gallery images still do not expand in lightbox so I must have done something wrong – http://www.substanceone.co.uk/galleryApril 12, 2011 at 11:54 am #41669April 13, 2011 at 5:20 am #41670April 22, 2011 at 7:48 pm #41671
i somehow fixed the problem with the light box. it is working now but not properly. can you please check and tell me how to fix the problem.
thanks a lot :)
aeApril 23, 2011 at 6:14 pm #41672
The topic ‘Gallery Images Not Expaning Upon Clicking’ is closed to new replies.