{"id":31509,"date":"2010-05-05T10:00:46","date_gmt":"2010-05-05T14:00:46","guid":{"rendered":"http:\/\/wpmu.org\/?p=31509"},"modified":"2010-05-05T03:24:48","modified_gmt":"2010-05-05T07:24:48","slug":"new-buddypress-plugin-adds-ajax-profile-previews-to-avatars","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/new-buddypress-plugin-adds-ajax-profile-previews-to-avatars\/","title":{"rendered":"New BuddyPress Plugin Adds AJAX Profile Previews to Avatars"},"content":{"rendered":"<p>Check out the newest BuddyPress plugin put out by <a href=\"http:\/\/twitter.com\/slaffik\" rel=\"noopener\" target=\"_blank\">@slaffik<\/a> at <a href=\"http:\/\/cosydale.com\/plugin-cd-avatar-bubble.html\" rel=\"noopener\" target=\"_blank\">CosyDale.com<\/a>.<\/p>\n<p>It&#8217;s called CD Avatar Bubble and it uses AJAX to call the profile data and display a quick preview bubble, as shown below:<\/p>\n<p><a rel=\"lightbox[31509]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2010\/05\/profilebubble.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-31508\" title=\"profilebubble\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2010\/05\/profilebubble.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"426\" height=\"255\" \/><\/a><\/p>\n<div style=\"clear: both; width: 640px;\"><\/div>\n<p>This is a very useful feature for quickly browsing through the member directory and getting a quick preview of users without having to visit each one&#8217;s profile page. The plugin comes with several options available for configuration in its dashboard settings.<\/p>\n<p>As the admin user, you can select as many bits of profile information as you want to, but the more it has to display, the slower it will load. It&#8217;s best just to keep it to a few for a quick preview. The plugin also includes the option to change the color of the bubble&#8217;s border.<\/p>\n<p>Check out the screencast below to see the plugin in action:<\/p>\n<p><object width=\"480\" height=\"385\"><param name=\"movie\" value=\"http:\/\/www.youtube.com\/v\/x2d7dPGmS2c&amp;hl=en_US&amp;fs=1&amp;\" \/><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><embed src=\"https:\/\/www.youtube.com\/v\/x2d7dPGmS2c&amp;hl=en_US&amp;fs=1&amp;\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"allowfullscreen\" width=\"480\" height=\"385\" \/><\/object><\/p>\n<p>I enjoyed testing this plugin and would definitely recommend it for use on any BuddyPress site. It loads quickly and cuts down on the number of pages a user has to visit to get an idea of the other users your BuddyPress community. It delivers information in a dynamic way without taking up real estate on the page.<\/p>\n<p>The CD Avatar Bubble plugin should soon be available in the WordPress repository but for now, you can download it at <a href=\"http:\/\/cosydale.com\/plugin-cd-avatar-bubble.html\" rel=\"noopener\" target=\"_blank\">http:\/\/cosydale.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Check out the newest BuddyPress plugin put out by @slaffik at CosyDale.com. It&#8217;s called CD Avatar Bubble and it uses AJAX to call the profile data and display a quick preview bubble, as shown below: This is a very useful feature for quickly browsing through the member directory and getting a quick preview of users [&hellip;]<\/p>\n","protected":false},"author":4099,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[1,557,235,4],"tags":[1256,80],"tutorials_categories":[],"class_list":["post-31509","post","type-post","status-publish","format-standard","hentry","category-news-community","category-development","category-misc","category-plugins","tag-ajax","tag-avatars"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/31509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/4099"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=31509"}],"version-history":[{"count":1,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/31509\/revisions"}],"predecessor-version":[{"id":182126,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/31509\/revisions\/182126"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=31509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=31509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=31509"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=31509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}