Title: [Plugin: Before After] Issues with image display
Last modified: August 19, 2016

---

# [Plugin: Before After] Issues with image display

 *  [MyCelestial](https://wordpress.org/support/users/mycelestial/)
 * (@mycelestial)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/)
 * Hi,
 * I love this plugin and it looks great in my website. However, I found that sometimes
   the images are not loading for it, only showing “Show only before” and “Show 
   only after”. I have to refresh the page several times and the images would display
   normally.
 * Is this a problem for the plugin?
 * Thanks,
 * Yingying
 * [http://wordpress.org/extend/plugins/before-after/](http://wordpress.org/extend/plugins/before-after/)

Viewing 15 replies - 1 through 15 (of 15 total)

 *  Thread Starter [MyCelestial](https://wordpress.org/support/users/mycelestial/)
 * (@mycelestial)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043106)
 * Hi,
 * I just found that the image loading still has some problem in safari and chrome.
   When you load the images for the first time, the images do not show up, but from
   second time on it works fine. Could you look into this problem? Thank you so 
   much!
 * Yingying
 *  Plugin Author [Hemant Nandrajog (instruite)](https://wordpress.org/support/users/instruite/)
 * (@instruite)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043113)
 * By First time do you mean first time you look in those browsers or first time
   after publishing images
 * Can you point me to your site?
 * and also let me know what version of the plugin you are using?
 * Thanks,
    instruite
 *  Thread Starter [MyCelestial](https://wordpress.org/support/users/mycelestial/)
 * (@mycelestial)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043114)
 * It happens when I open the page in the browsers, but when I click the links to
   the page for the second time, the images show up. One of the pages is [http://designracy.com/2011/case-study-fashionplates/](http://designracy.com/2011/case-study-fashionplates/);
   I also use the plugin in [http://designracy.com/2011/case-study-light-crest/](http://designracy.com/2011/case-study-light-crest/)
   and [http://designracy.com/2011/case-study-gaia/](http://designracy.com/2011/case-study-gaia/).
 * p.s. I don’t think refreshing the browser works, you have to click the link on
   the right side to reload the page.
 *  Plugin Author [Hemant Nandrajog (instruite)](https://wordpress.org/support/users/instruite/)
 * (@instruite)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043115)
 * Which version of Chrome you are using?
 *  Plugin Author [Hemant Nandrajog (instruite)](https://wordpress.org/support/users/instruite/)
 * (@instruite)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043126)
 * Have pushed a update 0.1.4
    Please test with the new version and let me know
 * Thanks
    instruite
 *  [niffur](https://wordpress.org/support/users/niffur/)
 * (@niffur)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043127)
 * plugin is throwing this error now:
    **Warning:** strpos() **[function.strpos]**:
   Offset not contained in string. In **/wp-content/plugins/before-after.php** on
   line **173**
 *  Plugin Author [Hemant Nandrajog (instruite)](https://wordpress.org/support/users/instruite/)
 * (@instruite)
 * [15 years ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043131)
 * [@niffur](https://wordpress.org/support/users/niffur/)
 * Fixed the bug causing that error please update to V0.1.5
 *  Plugin Author [Hemant Nandrajog (instruite)](https://wordpress.org/support/users/instruite/)
 * (@instruite)
 * [15 years ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043132)
 * [@mycelestial](https://wordpress.org/support/users/mycelestial/)
    Can you share
   the code between before after tags on your edit post page? (better if you paste
   from html view)
 * And most probably your image code will be having a class tag with something like“
   size-full/size-medium or something similar in class tag” can you remove that 
   from your code and test it on your page and see if it resolves the chrome problem
   on your site?
 * Thanks
 *  Thread Starter [MyCelestial](https://wordpress.org/support/users/mycelestial/)
 * (@mycelestial)
 * [15 years ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043143)
 * Hey Thank you Instruite,
 * I’ve been out of town for a long time so below is the reply:
 * Yes I had size-full in my tags, and they look like this:
 *     ```
       <p><strong>Logo</strong> (before and after)</p>
       <p>[beforeafter]<img class="alignleft size-full wp-image-1145" title="FP_logo_before" src="http://designers4change.com/wp/wp-content/uploads/2011/03/FP_logo_before.jpg" alt="" width="636" height="313" /><img class="alignright size-full wp-image-1144" title="FP_logo_after" src="http://designers4change.com/wp/wp-content/uploads/2011/03/FP_logo_after.jpg" alt="" width="636" height="313" />[/beforeafter]</p>
       ```
   
 * I just updated my chrome (PC) this afternoon and it looks okay now. I believe
   the newer version fixed the problem… But I found the same in my Safari 5.0.4 (
   PC) even after I removed the size-full tag:
 *     ```
       <p><strong>Logo</strong> (before and after)</p>
       <p>[beforeafter]<img class="alignleft wp-image-1145" title="FP_logo_before" src="http://designers4change.com/wp/wp-content/uploads/2011/03/FP_logo_before.jpg" alt="" width="636" height="313" /><img class="alignright wp-image-1144" title="FP_logo_after" src="http://designers4change.com/wp/wp-content/uploads/2011/03/FP_logo_after.jpg" alt="" width="636" height="313" />[/beforeafter]</p>
       ```
   
 *  Plugin Author [Hemant Nandrajog (instruite)](https://wordpress.org/support/users/instruite/)
 * (@instruite)
 * [14 years, 12 months ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043163)
 * I have tried few other options but the problem still seems to persists in Safari
   and sometime in Chrome too
 * For now it seems to be a bug, I will try other options and let you know if I 
   find any suitable solution in future
 * Thanks
 *  Plugin Author [Hemant Nandrajog (instruite)](https://wordpress.org/support/users/instruite/)
 * (@instruite)
 * [14 years, 11 months ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043171)
 * I have updated the plugin, and provided an option to auto detect dimensions which
   should help to solve the problem with Chrome or Safari
 * Upgrade it on your blog and let me know the results
 *  [BlaynUK](https://wordpress.org/support/users/blaynuk/)
 * (@blaynuk)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043203)
 * Hi There,
 * I’d like to say thanks for developing such a great plugin.
 * I’ve recently come across a problem with the way before and after now displays
   the images (it seemed to happen with the last update).
 * The two images no longer align over eath other exactly so you get the top image
   being offset from the one bellow.
 * I’ve tried alligning the second image (right/centre/none)with no joy each just
   alters the degree that it is offset by, the option with the least offset is for
   the second image to be aligned right but thats still not matching up exactly.
 * Here is a link to relevent page on my site, (I am currently running WP v3.2.1,
   B&A v1.01 and mystique theme v3.0.7)
 * [http://www.blayn-parkinson.co.uk/blog/services/retouch/](http://www.blayn-parkinson.co.uk/blog/services/retouch/)
 * Cheers for all your good efforts and any advice you can offer.
 * Blayn
 *  Plugin Author [Hemant Nandrajog (instruite)](https://wordpress.org/support/users/instruite/)
 * (@instruite)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043204)
 * Hi Blayn,
 * Its because of the css settings
    Enable custom css in Before after option page
   and add below css to the cusom css box
 * .ba-container {margin-left:auto; margin-right:auto;}
    .ba-container + div.balinks{
   margin: 0 auto;} .ba-container div img {max-width: none; margin:0; padding:0;}
 * Also the script does not seems to be loading all the parameters so I will recommend
   you to once deactivate and then reactivate the before after plugin
 * instruite
 *  [BlaynUK](https://wordpress.org/support/users/blaynuk/)
 * (@blaynuk)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043205)
 * Cheers for the prompt reply, I’ll have a crack at this and let you know it goes.
 * Thanks,
 * B
 *  [BlaynUK](https://wordpress.org/support/users/blaynuk/)
 * (@blaynuk)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043206)
 * Magic!, it works a treat. Thanks again 🙂
 * B

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘[Plugin: Before After] Issues with image display’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/before-after.svg)
 * [Before After](https://wordpress.org/plugins/before-after/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/before-after/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/before-after/)
 * [Active Topics](https://wordpress.org/support/plugin/before-after/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/before-after/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/before-after/reviews/)

 * 15 replies
 * 4 participants
 * Last reply from: [BlaynUK](https://wordpress.org/support/users/blaynuk/)
 * Last activity: [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-before-after-issues-with-image-display/#post-2043206)
 * Status: not resolved