[Plugin: Before After] drag handle issues in Safari

Forgot to mention I’m on a Mac. Also you can test this with the example given: Developer’s Example

Noted the problem,
It has been modified in actual javascript, will add it to my plugin and release it soon.

Thanks

No, thank you! ??

I have pushed the update V0.1.3 should appear in your dashboard in some time and it should solve the above mentioned problem

Thanks

Got it, it works great. Thank you for your prompt response.

glad to know it worked ??

I met a problem regarding the handle too. When you click the mouse that is very close to the handle, the handle run to the right side (it should be run to the left). I don’t know why this happen, but it looks all okay in the author’s page (https://playground.instruite.com/). Could you check out my page and give some suggestions? https://designers4change.com/wp/2011/case-study-light-crest/

Also, sometimes when you are loading a page, the images just do not show up (I had this problem in another post). My browser is safari 5.0.2 on Mac, and WP version is 3.1.

Thank you so much!!

Yingying

Yes, it seems something broke with the last WP update.

if you set the classes “alignleft” for the left image and “alignright’ for the right image, it solved the issues for me

I tried but it’s still not working in my browsers, very wierd. I have tested it also on PC, Chrome 9.0.587.0, Firefox 3.6.16, and Safari 5.0.4.

I tried assign image class = “alignleft” instead of “alignleft size-full wp-image-1026” originally. Same thing for the alignright.

I think the biggest problem for me is the image not loading frequently.And the handle not working correctly either:( I put the before after effects on the following 3 pages, could you help me by checking them out?
https://designers4change.com/wp/2011/lorem-ipsum/
https://designers4change.com/wp/2011/case-study-gaia/
https://designers4change.com/wp/2011/case-study-light-crest/

Thank you so much!!

Yingying

If you try the pages in different browsers, or click other pages and re-enter to them, the pictures just not show up:( Thanks!

The only thing I can see is that the plugin is inserting a <div> inside a <p> which is invalidating your page (XHTML doctype won’t allow this). This may be messing with the plugin.

<p><strong>Website</strong><br />
<div class="ba-container" id="ba-container-1"><div><img class="alignleft size-full wp-image-1031" title="LC_INDEX_BEFORE" src="https://designers4change.com/wp/wp-content/uploads/2011/03/LC_INDEX_BEFORE.jpg" alt="" width="636" height="590"  /></div><div><img class="alignright size-full wp-image-1030" title="LC_INDEX_AFTER" src="https://designers4change.com/wp/wp-content/uploads/2011/03/LC_INDEX_AFTER.jpg" alt="" width="636" height="590"  /></div></div></p>

I changed the code in the page you mentioned as

<p>&nbsp;</p>
<div class="ba-container" id="ba-container-1"><div><img class="alignleft size-full wp-image-1031" title="LC_INDEX_BEFORE" src="https://designers4change.com/wp/wp-content/uploads/2011/03/LC_INDEX_BEFORE.jpg" alt="" width="636" height="590"  /></div><div><img class="alignright size-full wp-image-1030" title="LC_INDEX_AFTER" src="https://designers4change.com/wp/wp-content/uploads/2011/03/LC_INDEX_AFTER.jpg" alt="" width="636" height="590"  /></div></div>

And seems still has some problem though.

It appears I spoke too soon, I have so many browser windows open I got confused which one I was looking at. I’m having trouble too with Chrome, Safari and elder FF on a mac. FF4 works, but that’s it. The images are simply not showing up.

Sometimes the images appear, most of the time they don’t. No problems in Windows. Guessing it’s load order issue?