BuddyPress.org

Solved:
Hi there guys, for me the problem was with the chronology of loading jquery. if you look in your header tag (on the screen that is supposed to show the cropping), you’ll notice that the cropping script is loaded right @ the top. Usually before jQuery (and other scripts) are loaded. So essentially, the jCrop script fires before jQuery is loaded and therefore gives an error.

All I did was manually load jQuery at the top (after the pingback link). and before the wp_head() function. Everything is working perfectly now…

@etivite I have a question, what if I wanted to combine some of the steps into like one or two steps, instead of having a screen for each step. you know? like having details, invites, slug, etc. on one step. i would say the avatar, but the upload and crop have 2 diff screens, and im not sure how difficult that would be to combine. ive been googling this for about 6 hours lol. Any ideas?

I couldn’t recreate either.

I can’t duplicate this.

To test, I’m using the BuddyPress Default theme.

I navigated to my WP profile and changed my nickname to “New Name”. Then attempted to change my avatar and was able to.

It could be a theme issue as well. What happens if you switch the theme to BuddyPress Default? Does the crop box work properly? If so, check the CSS in your custom theme to see if you’re modifying the crop box.

Awesome, so glad it’s working!

That helped! Thank you!
You were right, some funny plugin included jquery in header not once, but twice!
I was using TDO-Miniforms and had to kill the lines including the jquery in

plugins/tdo-mini-forms/include/tdomf-form.php
plugins/tdo-mini-forms/include/tdomf-template-functions.php

Hope it will help others!

And thank you for the tip!

I’m guessing that jQuery or jCrop is being loaded twice on your page, and only Chrome is being smart enough to clear up conflicts. I know you’re not a programmer, but at least you might consider viewing the source of your page (right click and View Source or View Page Source) and then search the page to see how many times you find `jquery.js`. If you see it more than once, then that’s probably your problem, and you’ll have to comb through your theme files to figure out the issue.

I cannot switch back to bp default now, as I have lots of customizations and from experience switching to a different theme will reset some of them which I really cannot afford to do ….

Tried with the plugins, could not find any faulty one ….

But how can you explain that it WORKS in Chrome, only not in Firefox and IE !!??!

This is the error that Firefox keeps giving back:

Error: jQuery(“#avatar-to-crop”).Jcrop is not a function
Source: http://www.site.com/members/membername/profile/change-avatar/
Line: 97

?!??!

Thanks!

how on Earth do you guys find “the other javascript” that was responsible?
I have no clue about programming, I got the cropping working in Chrome only but not in IE & Firefox, and find NOWHERE some reliable advise as where to look and what to look for (with example as no programming knowledge)
Thanx

the almost full lack of support around b-press is not exactely the best thing about this otherwise brilliant plugin

The people who build the software and man these support forums are strictly volunteers. Please be patient.

It’s hard to tell the problem without seeing your site, but it’s likely that it’s a problem with your theme. Either that, or one of your themes is deregistering jQuery. Have you tried with bp-default to see if the problem persists? Or tried deactivating some other plugins to find a conflict? At least that would narrow down the issue.

I am sure there IS something, the almost full lack of support around b-press is not exactely the best thing about this otherwise brilliant plugin ….
At least U see the select box, I don’t (http://goo.gl/Rpjp4) ! Have no idea where the conflict may be, nor where I should look …
And nobody here offers a hint …

== it seems regardless of how small I make my images BP wants to crop them ==
You don’t have to crop the avatar. Extend the side and/or corner of the cropping tool to full width and height and you’re good to go.

I have spent a little time porting this plugin over to BP 1.5, so that it now enables a profile banner image to be uploaded just like a Facebook timeline.

The inject_css function targets the div#item-header container (in the bp-default theme), however there are a couple of functions that are needed to make the user experience smooth and trouble free;

1. add a crop function after image has been uploaded, but before new header is displayed (I’m taking a look at the standard bp-default header customisation to see if we can adapt this), but would welcome any suggestions.

2. the delete function really needs to be javascript enabled with a bit of ajax, in the same way that ‘Delete My Avatar’ functions within ‘Change Avatar’. It doesn’t make sense for a user to select the (delete) radio button and then upload an empty input field.

3. I’ve noticed that the bp_core_add_message is not being cleared after a successful upload – any suggestions on how this can be fixed?

4. ideally for non coders the plugin would need an admin page to customise the ‘inject_css’ parameters to suit the theme. I have mine set as a single image (background:url() no-repeat scroll left top transparent), but some themes might wish to allow the choice of repeating a background image, or even providing for some CSS3 gradient fill code.

So, apart from adding image cropping and a bit of javascript it’s pretty much ready. If anyone is able to offer suggestions on the above fixes, I’ll wrap it up and fork it back onto github.

Closing topic because it’s old.

If you had installed WP-Framework theme using BuddyPress plugin then please check the below url;

http://devpress.com/forums/topics/trouble-with-avatars/

@Milo317 I had a similar problem – uploaded avatars were being chopped/ no crop function.
Check your javascript load order – I found out that a main script wasn’t being pulled in – updated AJAX and correctly referenced and it all started working again.

Whoop!

Sounds like it’s probably a plugin conflict, especially if it’s been happening since before BP 1.5. What are the other plugins? Have you tried looking at a Firebug console during this process to see if you get any JS errors?

good call, @qrahaman – what browser are you using @bigbadboy?

I’ve tried to replicate but can’t. I’ve successfully uploaded and cropped the image as a “member” and “group” subscriber/admin. BP 1.5 on Safari, using child of bp-default.

Are you running any other plugins? Especially ones that would load javascript?