WordPress.org

Ready to get started?Download WordPress

Forums

Before After
drag handle issues in Safari (20 posts)

  1. niffur
    Member
    Posted 3 years ago #

    Chrome (10.0.648.204) and Safari (5.0.3) don't seem to recognize the drag aspect of the handle. Tugging on the handle grabs the actual image - if you pull left, it grabs the first image, if you pull right, it grabs the second image. The links below the image and clicking on the image to move the bar work fine however.

    http://wordpress.org/extend/plugins/before-after/

  2. niffur
    Member
    Posted 3 years ago #

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

  3. instruite
    Member
    Plugin Author

    Posted 3 years ago #

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

    Thanks

  4. niffur
    Member
    Posted 3 years ago #

    No, thank you! :)

  5. instruite
    Member
    Plugin Author

    Posted 3 years ago #

    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

  6. niffur
    Member
    Posted 3 years ago #

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

  7. instruite
    Member
    Plugin Author

    Posted 3 years ago #

    glad to know it worked :)

  8. MyCelestial
    Member
    Posted 3 years ago #

    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 (http://playground.instruite.com/). Could you check out my page and give some suggestions? http://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

  9. niffur
    Member
    Posted 3 years ago #

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

  10. niffur
    Member
    Posted 3 years ago #

    if you set the classes "alignleft" for the left image and "alignright' for the right image, it solved the issues for me

  11. MyCelestial
    Member
    Posted 3 years ago #

    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?
    http://designers4change.com/wp/2011/lorem-ipsum/
    http://designers4change.com/wp/2011/case-study-gaia/
    http://designers4change.com/wp/2011/case-study-light-crest/

    Thank you so much!!

    Yingying

  12. MyCelestial
    Member
    Posted 3 years ago #

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

  13. niffur
    Member
    Posted 3 years ago #

    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="http://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="http://designers4change.com/wp/wp-content/uploads/2011/03/LC_INDEX_AFTER.jpg" alt="" width="636" height="590"  /></div></div></p>
  14. MyCelestial
    Member
    Posted 3 years ago #

    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="http://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="http://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.

  15. niffur
    Member
    Posted 3 years ago #

    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.

  16. niffur
    Member
    Posted 3 years ago #

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

  17. MyCelestial
    Member
    Posted 3 years ago #

    How could I deal with loading order? I usually insert left picture first and then the right, it's weird that sometimes they just don't show up at all.

  18. niffur
    Member
    Posted 3 years ago #

    no, the way the script loads. you're doing it right.

  19. MyCelestial
    Member
    Posted 3 years ago #

    Thank you so much! Could this problem be solved soon? I really love this plugin and hope it would work. My website will be completed in 2 weeks, and hopefully the problem could be solved soon.

  20. MyCelestial
    Member
    Posted 3 years ago #

    Thank you so much!! I found the plugin updated to the latest version. I appreciated your help so much!!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic