Gallery Images Not Expaning Upon Clicking

24 posts from 5 voices

• Started 2 years ago by substanceone
• Latest reply from Dude
• This topic is resolved

Tags:

No tags yet.

1. 

   substanceone
   Member

   Hi,

   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.

   http://www.substanceone.co.uk

   Please help,

   Thanks,

   Mat

   Posted 2 years ago #
2. 

   substanceone
   Member

   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.

   Thanks,

   Mat

   Posted 2 years ago #
3. 

   James Morrison
   Former Team Member

   Hey,

   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?

   James

   Posted 2 years ago #
4. 

   substanceone
   Member

   Hi,

   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! ;-)

   Posted 2 years ago #
5. 

   substanceone
   Member

   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?

   Posted 2 years ago #
6. 

   Dude
   Dude

   Hey,
   the problem is that you didn't add rel="lightbox" to your image links.

   I.e. the code for the image in this post: http://substanceone.co.uk/2011/03/09/lifestyle-photography-london-lawyer-2b-careers-day-nurturing-talent/

   looks like:
   

   <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.

   Posted 2 years ago #
7. 

   substanceone
   Member

   Hi,

   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.

   Thanks again,

   Mat

   Posted 2 years ago #
8. 

   smuaz
   Member

   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?

   Thanks.

   Syed

   Posted 2 years ago #
9. 

   smuaz
   Member

   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?

   Thanks.

   Syed

   Posted 2 years ago #
10. 

    Dude
    Dude

    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 :)

    Posted 2 years ago #
11. 

    substanceone
    Member

    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/

    Posted 2 years ago #
12. 

    Dude
    Dude

    Hey,
    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.

    Posted 2 years ago #
13. 

    substanceone
    Member

    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.

    Posted 2 years ago #
14. 

    Dude
    Dude

    Hey,
    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.

    Posted 2 years ago #
15. 

    substanceone
    Member

    sorry, I don't understand anything you have said. So I need to pay for the theme again?

    Posted 2 years ago #
16. 

    substanceone
    Member

    can you give me the exact link for the updated doenload package on themeforest.net please?

    Posted 2 years ago #
17. 

    Dude
    Dude

    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 :)

    Posted 2 years ago #
18. 

    substanceone
    Member

    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.

    Posted 2 years ago #
19. 

    substanceone
    Member

    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! ;-)

    Posted 2 years ago #
20. 

    substanceone
    Member

    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/gallery

    Posted 2 years ago #
21. 

    substanceone
    Member

    IT WORKS!!!!! IT FOOKIN WORKS!! All sorted. Thanks.

    Posted 2 years ago #
22. 

    Dude
    Dude

    Glad that you solved the problem :)

    Posted 2 years ago #
23. 

    ahmetelbir
    Member

    Hi :D

    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.

    http://www.ahmetelbir.com

    thanks a lot :)

    ae

    Posted 2 years ago #
24. 

    Dude
    Dude

    Hey,
    as far as I can see you use another theme (3rd party theme) at the moment. I'll help you after you switched back to Kriesis theme.

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.