Simple Profile Pic Gallery

[Christine]

This is a rework (with mod permission) using the concept and templates from VeloCD's v3 Hack (https://vborg.vbsupport.ru/showthread.php?t=63733)

This addition does not make any changes to the database like the other one did, so if you have that installed, you need to revert your customprofilepic table to vB standard to eliminate the additional fields and set the correct index. PM me if you need assistance with that.

What this does: Display all profile pics in a sortable table

Permissions: Same as the Memberlist: If they are listed on the member list and have uploaded a profile pic, they will be in the profile pic list AND if they can view the member list, they can view the profile pic list.

If requested, I can add a security token for this, but I really don't want to have to repeat "rebuild your bitfields" on every other post. :devious: :D

Instructions to install:

1. Upload picgallery.php to your forums directory
2. Install the product in the zip file
3. Add a link for picgallery.php somewhere in the navbar

The default is set for 15 pics per page and 3 per row, and this can be overriden in the vBulletin Options area of the ACP.

Enjoy!

### UPDATE ###

v 1.5.0: Added a sort view to show the admin team
v 1.5.1: Fixed html display problem

[platnum]

Looks nice, I'll give it a try ;)

:O Woooo 1st post as well :D lol.

[defi]

...this looks promising.

[dirtycrow]

very nice. thank you.

[dede1]

Thanks

[FleaBag]

I really like this! I had been using Andreas' vBa Gallery addon but I think I'll switch to this! :)

[Allan]

Great Christine ;)

"Click Install"

ps: Files attach, French Language ;)

[Snake]

Very nice thank you.

[Christine]

My admin team requested a view for "Admin Team", so I added that and updated the zip file.

If you want that additional view, just override the file in your forums directory and reimport the product allowing overrides.

[Allan]

Very nice ;)

[Mr Chad]

hmm, is this creating a thumbnail or just resizeing it?

[Christine]

@chatbum -- it is using the built-in profile pic system and gathering the uploaded pics into a sortable gallery. You can set the max dimensions in the ACP.

[Boofo]

Will this allow the Admin to approve pics before they show up in the listing?

[Christine]

@Boofo -- Nope. It is just gathering what is in the database. An approval wouldn't be hard to add if you wanted to tag an addon to the profile pic upload to make them load as visible=0 and then put an approval routine in the ACP that changes them to visible=1.

[Boofo]

@Boofo -- Nope. It is just gathering what is in the database. An approval wouldn't be hard to add if you wanted to tag an addon to the profile pic upload to make them load as visible=0 and then put an approval routine in the ACP that changes them to visible=1.

Any way to incorporate how VeloCD did it in his hack into this one? ;)

[Christine]

I don't know -- I never installed that portion of the hack. There were a few elements of his code that broke after 3.0.2, so I just rewrote it back then and didn't include that functionality.

I will take a look at it for you though -- shouldn't be too difficult.

[Boofo]

I don't know -- I never installed that portion of the hack. There were a few elements of his code that broke after 3.0.2, so I just rewrote it back then and didn't include that functionality.

I will take a look at it for you though -- shouldn't be too difficult.

Thank you. That would be great! ;)

[???`S?LV?R???`]

It would be awesome to see the member pics thumbnailed to a certain size to better fit the page, incase the profile pics greatly vary in size.

[???`S?LV?R???`]

It would be awesome to see the member pics thumbnailed to a certain size to better fit the page, incase the profile pics greatly vary in size.

also if it read the html from the user's custom title, instead of just displaying the code from it lol.

[SnowBot]

also if it read the html from the user's custom title, instead of just displaying the code from it lol.

Just what i was going to ask, great minds and all that :)

[Christine]

also if it read the html from the user's custom title, instead of just displaying the code from it lol. Thanks for that catch!

Fixed and uploaded. Just replace the php file, nothing needs to be done with the XML.

[trancetopia]

Another good mod to enhance the community aura. Thanks Christine.

[StarBuG]

THANK YOU

This is exactly what I was looking for.

*Clicks Install*

[Boofo]

@Boofo -- Nope. It is just gathering what is in the database. An approval wouldn't be hard to add if you wanted to tag an addon to the profile pic upload to make them load as visible=0 and then put an approval routine in the ACP that changes them to visible=1.

Any word on this yet, Christine? ;)

[Andy R]

It would be awesome to see the member pics thumbnailed to a certain size to better fit the page, incase the profile pics greatly vary in size.I agree, it would really enhance the look of the page if thumbnails were shown. I know that would kind of move this script beyond the 'simple' category, but it would be great.

[MissKalunji]

how can i specify the thumbnail in profile.php?

[Christine]

@Boofo -- I haven't had time to look at it yet. Finishing up the last of the mods that I need, and then I am on it. :)

[FleaBag]

Fantastic! Thanks for the help Christine, working like a charm! :D

[SnowBot]

It would be awesome to see the member pics thumbnailed to a certain size to better fit the page, incase the profile pics greatly vary in size.

Any update on this part mate? I love this little mod, so useful and sweet but the the thumbnails would just finish it off :)

Thanks

[Boofo]

@Boofo -- I haven't had time to look at it yet. Finishing up the last of the mods that I need, and then I am on it. :)

Looking forward to it. Thanks, hon. ;)

[SuperFly]

for some reason my mod team cant access, says they dont have permission.

[Christine]

@SuperFly -- this uses the permission token for viewing the memberlist. Please make sure that this group is set to 'yes' for that on the usergroup level.

[SuperFly]

the thing is, theres nothing there to set permission for yes/no

[Christine]

Is it giving them a 'no permission' stop message, or a 'log in' prompt?

[SuperFly]

Its saying they have insufficient permission to go into there

[Christine]

the thing is, theres nothing there to set permission for yes/no

Make sure that this is set to YES

[SuperFly]

it is

[SuperFly]

its something i dont believe to do with this, because they cant see another extension for making smilies, for some reason, and its only my moderator group so this is weird.

[Christine]

I would try to remove that one completely and check to see if the gallery works. If it does, then you have a conflict with the other mod.

[SuperFly]

thing is, i installed it After the gallery mod.

[StarBuG]

I have a suggestion.

Many members asked me (for the former gallery I used) how to add a picture to the gallery.

So I made a short explanation above the gallery.

To add this

Find:


<option value="desc"<if condition="$sortorder == 'desc'"> selected="selected"</if>>$vbphrase[rr_pic_gallery_desc]</option>
<option value="asc"<if condition="$sortorder == 'asc'"> selected="selected"</if>>$vbphrase[rr_pic_gallery_asc]</option>
</select>&nbsp;
$gobutton
</td>
</tr>
</table>


below that add:


<br />

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%">
<tr><td class="thead" align="center"><h3>How to add your picture here</h3></td></tr>
<tr><td class="thead" align="center">To add your picture to this list click on <a href="usercp.php" target="_blank">User CP</a> in the Forum Navigation then In "Settings & Options" click on <a href="profile.php?do=editprofilepic" target="_blank">Edit Profile Picture.</a></td></tr>
<tr><td class="thead" align="center">There you can either upload your photo or link to it. We hope you like this feature.</td></tr>
</table>

<br />


Example can be found here:
http://www.hiphop-battles.com/forum/picgallery.php


One more Request:

Can you pleace add your script to the "who is online" Location plz

So that it does not show the url but instead "Picture Gallery" or something

[Christine]

@ SuperFly -- Okay, then blow away the gallery mod and fix the other one for making smilies. :D

I can assure you this is working, and as it isn't using any file edits or plugins, it isn't stepping on anything. Other than a vB setting for display row/column, phrases and new templates -- it isn't touching anything else in the system.

[Christine]

@ StarBuG -- VERY nice. Thanks!

[StarBuG]

@ StarBuG -- VERY nice. Thanks!

I got the location thing solved but it could be made better with phrases and such:

for anyone who wants to know:

In the Plugin Manager:

#1 click on [Add New Plugin]
#2 Hook Location = online_location_process
#3 Title = Profile Picture Who is Online Location
#4 Plugin php code:

if($filename=='picgallery.php'){$userinfo['activity'] = 'Picture Gallery';}

#5 SAVE

#6 click on [Add New Plugin]
#7 Hook Location = online_location_unknown
#8 Title = Profile Picture Who is Online Unknown Location
#9 Plugin php code:

if($userinfo['activity'] == "Picture Gallery") {
$userinfo['where'] = "<a href=\"picgallery.php" . $vbulletin->session->vars[sessionurl_q] . "\">Forum Profile Picture Gallery</a>";
$userinfo['action'] = "Viewing Profile Pictures";
$handled = true;
}

#10 SAVE

Hope this helps

[Christine]

Another nice one. :)

I am using Andreas' WhoseOnline addition found here: https://vborg.vbsupport.ru/showthread.php?s=&threadid=83247

Much easier way of adding in all of the custom files if you have more than one.

[StarBuG]

Another nice one. :)

I am using Andreas' WhoseOnline addition found here: https://vborg.vbsupport.ru/showthread.php?s=&threadid=83247

Much easier way of adding in all of the custom files if you have more than one.

You could/should implement the location directly into the product.xml

I think most users would appreciate this ;)

[o1dirtydog]

works like a charm...

[Alien]

This is *awesome*!

Works great, but not yet making it live until the ability to view a specified thumbnail size is created as we don't use the default size we allow slightly larger picture sizes for our members. Even at 2 pics per column it scrolls to the right. Look forward to seeing a fix for this!

[Christine]

Fixed?

Thumbnailing isn't a feature of this hack. It is designed to work with the vB default profile pic feature using the limits set up in the AdminCP. If you allow those pics to be ginormous, then you may want to add a thumbnailing routine to it?

That, or you can limit the view to 175x175 px in the templates so that all pics show up that size (noting that it will skew smaller pics that wouldn't have been thumbnailed anyway).

[Alien]

Fixed?

Thumbnailing isn't a feature of this hack. It is designed to work with the vB default profile pic feature using the limits set up in the AdminCP. If you allow those pics to be ginormous, then you may want to add a thumbnailing routine to it?

That, or you can limit the view to 175x175 px in the templates so that all pics show up that size (noting that it will skew smaller pics that wouldn't have been thumbnailed anyway).

"Fixed" was a poor choice of words. I was just hoping that this feature would make it into this product or someone would come along and create an add-on for it to limit the sizes.

I'm only starting to learn php and wouldn't know how to do that sort of thing yet.

[Christine]

Its all good. :)

[FleaBag]

You could/should implement the location directly into the product.xml

I think most users would appreciate this ;)

I disagree. Why fix it if it aint broke.

[hollyboy]

fantastic! right what I was looking for! clicked install

anyway it would be cool to make so that u have thumbail and u click to view the full size picture, I think to do this the picgallery.php only needs few changes

[SpankMe]

<font color="DarkRed">*installed*</font> but modified to show thumbnails of profile picture.

[hollyboy]

*installed* but modified to show thumbnails of profile picture.

it looks great!
can u tell us how u created thumbails?
I wanna have the same on my forum gallery: thumbmails and when u click on them the picture open in a different page
thanks :)

[Allan]

File attach, French language ;)

[Christine]

@SpankMe -- I registered to check that out and I love it!! You did a great job. :)

@Allan -- thanks!

[hollyboy]

@SpankMe -- I registered to check that out and I love it!! You did a great job. :)

@Allan -- thanks!

Christine are u able to implement the modification made by SpankMe to your hack?
I love it :)

[Christine]

I would prefer if he released it as an addon as it was his code, but will leave it up to him as to how he would like to handle it. :)

[Vizionz]

If ya really want thumbs ya can do it manually. untill someone adds on a thumbnail script..

Find the lines below in the template pic_gallery_list


<td valign="top" style="width: 1px; padding-left: 20px">$userinfo[profilepic]</td>


and then change it to

<td valign="top" style="width: 1px; padding-left: 20px"><img src="$userinfo[profilepicurl]"height="200"width="250"></td>

just change the 200 and 250 in the height and width to fit how you want it

you could also just ad this instead to have a thumbnail that when clicked launches the picture in a new window full size

<td valign="top" style="width: 1px; padding-left: 20px"><a href="$userinfo[profilepicurl]"target="new"><img src="$userinfo[profilepicurl]"height="200"width="250"border="0"></a> </td>


What i would like though is to be able to put custum userfields on that page so instead of how its set up i could actually set it up to have a small bio page for users

[SpankMe]

ok, this will set it up so when a user uploads a profile pic, it will create the thumbnail.

Add a column in your MySQL databaseALTER TABLE `customprofilepic` ADD `profilepicthumb` MEDIUMTEXT;

Edit includes/class_upload.php

Find if ($this->maxuploadsize AND $this->upload['filesize'] > $this->maxuploadsize)
Add above if ($_POST['do'] == 'updateprofilepic')
{
$this->upload['thumbnail'] = $this->image->fetch_thumbnail($this->upload['filename'], $this->upload['location'], $this->registry->options['attachthumbssize'], $this->registry->options['attachthumbssize'], $this->registry->options['thumbquality']);

$this->registry->db->query_write("
UPDATE " . TABLE_PREFIX . "customprofilepic
SET profilepicthumb = '" . $this->registry->db->escape_string($this->upload[thumbnail][filedata]) . "'
WHERE userid = " . $this->userinfo['userid']
);
}


Edit image.php

Find 'userid' => TYPE_UINT,
Add below
'thumb' => TYPE_UINT
Find if ($vbulletin->GPC['type'] == 'profile')
Add above $vbulletin->GPC['thumb'] ? $data = 'profilepicthumb' : $data = 'filedata';
Find SELECT filedata, dateline, filename
Replace with SELECT $data AS filedata, dateline, filename

and I've attached the picgallery.php I use and here is the pic_gallery_list template.

<if condition="$totalpics">
<if condition="$count == 1">
<tr>
</if>
<td width="25%" class="alt2">
<table border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="99%" align="center">
<tr>
<td class="alt2" style="padding:0px">
<!-- user info -->
<table cellpadding="0" cellspacing="$stylevar[cellpadding]" border="0" width="100%">
<tr>
<td class="alt2"><a href="member.php?$session[sessionurl]u=$userinfo[userid]">$userinfo[profilepic]</a></td>
<td nowrap="nowrap">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td nowrap="nowrap">
<a class="bigusername" href="member.php?$session[sessionurl]u=$userinfo[userid]">$userinfo[musername]</a>
<div class="smallfont">$userinfo[usertitle]</div>
<div class="smallfont">$userinfo[rank]</div>
</td>
<td nowrap="nowrap">
<if condition="$userinfo[field7] == 'Male'">
<img src="/forums/images/gendermale.gif" alt="$gender" height="32" width="20" hspace="8">
</if>
<if condition="$userinfo[field7] == 'Female'">
<img src="/forums/images/genderfemale.gif" alt="$gender" height="32" width="20" hspace="8">
</if>
</td>
</tr>
</table>
<br />
<div class="smallfont">
<if condition="$userinfo['field5']"><div>Bike: $userinfo[field5]<div></if>
<if condition="$userinfo['field2']"><div>$vbphrase[location_perm]: $userinfo[field2]<div></if>
<div>
$vbphrase[posts]: $userinfo[posts]
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<!-- <else />
<td width="25%" class="alt1"></td>
</if> -->

<if condition="$count == $perrow">
</tr>
</if>
</if>


I think thats everything.

[hollyboy]

If ya really want thumbs ya can do it manually. untill someone adds on a thumbnail script..

Find the lines below in the template pic_gallery_list


<td valign="top" style="width: 1px; padding-left: 20px">$userinfo[profilepic]</td>


and then change it to

<td valign="top" style="width: 1px; padding-left: 20px"><img src="$userinfo[profilepicurl]"height="200"width="250"></td>

just change the 200 and 250 in the height and width to fit how you want it

you could also just ad this instead to have a thumbnail that when clicked launches the picture in a new window full size

<td valign="top" style="width: 1px; padding-left: 20px"><a href="$userinfo[profilepicurl]"target="new"><img src="$userinfo[profilepicurl]"height="200"width="250"border="0"></a> </td>


What i would like though is to be able to put custum userfields on that page so instead of how its set up i could actually set it up to have a small bio page for users


exactly what I wanted...
thank u very much!

[Alien]

Awesome, thanks for working out the thumbnails!

Question: How will the ones display that users have already uploaded prior to installing this add-on? :)

[SpankMe]

I guess they will have to re-upload their profile pic. I had originally written my own profile pic page ages ago so all my users already had theirs thumbnailed when I changed to this version.

[lazyseller]

anyway to fix this ?

Currently Viewing: Unknown Location /forums/picgallery.php?&page=2

[lazyseller]

very nice SpankMe ... how did u get picgallery to be able to show your custom fields ? such as bike: post: and so on ?

[Christine]

anyway to fix this ?

Currently Viewing: Unknown Location /forums/picgallery.php?&page=2 It isn't broken. ;):

If you want to add additional files to WhoseOnline, you can either add the manual plugins in post #44 or install the WhoseOnline for additional files hack from Andreas.

[Boofo]

It isn't broken. ;):

If you want to add additional files to WhoseOnline, you can either add the manual plugins in post #44 or install the WhoseOnline for additional files hack from Andreas.

Christine, did you get a chance to look at the Admin CP approval part of this yet? ;)

[SpankMe]

very nice SpankMe ... how did u get picgallery to be able to show your custom fields ? such as bike: post: and so on ?

If you look in the picgallery.php I attached, you will see there is an extra LEFT JOIN in the SELECT statement.

[Ramsesx]

or install the WhoseOnline for additional files hack from Andreas

Where can I find it, search tried already, thanks.
B.t.w. sweet hack, thanks.

[Christine]

@Boofo -- No, I have not had time to look at it yet. :(

@ Ramsesx --This excellent hack will allow you to add all additional files into WhoseOnline: https://vborg.vbsupport.ru/showthread.php?s=&threadid=83247

[cbr929rrerion]

<a href="member.php?$session[sessionurl]u=$userinfo[userid]"><img src="$userinfo[profilepicurl]"height="100"width="125"></a></td>

Makes it resize and makes the picture a link as well as the name...

I wish it would just open the profile pic itself in a new window.. any one know how to do that...

So instead of clicking the pic and going to profile, click pic and open pic full size in new window...

Thanks

[Christine]

@ cbr929rrerion -- the pic isn't hyperlinked in the hack -- only the username?

[Flow Fusion]

Great hack, thanks...

[Ramsesx]

@Boofo -- No, I have not had time to look at it yet. :(

@ Ramsesx --This excellent hack will allow you to add all additional files into WhoseOnline: https://vborg.vbsupport.ru/showthread.php?s=&threadid=83247
Thanks for the link christine, it's very useful :)

[cbr929rrerion]

@ cbr929rrerion -- the pic isn't hyperlinked in the hack -- only the username?


I know but if you add the code in my previous post it will be... only thing is I wish is would load just the pic not the whole profile.. How can I do that?

[Ealdwulf]

If ya really want thumbs ya can do it manually. untill someone adds on a thumbnail script..

Find the lines below in the template pic_gallery_list


<td valign="top" style="width: 1px; padding-left: 20px">$userinfo[profilepic]</td>


and then change it to

<td valign="top" style="width: 1px; padding-left: 20px"><img src="$userinfo[profilepicurl]"height="200"width="250"></td>

just change the 200 and 250 in the height and width to fit how you want it

you could also just ad this instead to have a thumbnail that when clicked launches the picture in a new window full size

<td valign="top" style="width: 1px; padding-left: 20px"><a href="$userinfo[profilepicurl]"target="new"><img src="$userinfo[profilepicurl]"height="200"width="250"border="0"></a> </td>


What i would like though is to be able to put custum userfields on that page so instead of how its set up i could actually set it up to have a small bio page for users


Due to some of our users having pics that are different sizes the above code can cause them to be schewed.

by modifying it to what is below, the height:width ratio is maintained. no stretching or squashing occurs this way, and in the default table width there is no scrolling to the right.

<td valign="top" style="width: 1px; padding-left: 20px"><a href="$userinfo[profilepicurl]" target="new"><img src="$userinfo[profilepicurl]" width="150" border="0"></a> </td>

[GamerJunk.net]

Anyway to have this mod do the same thing except with gamercards?

[D|ver]

is it possible to restrict access for users which do not have a profile picture?

[Flow Fusion]

is it possible to restrict access for users which do not have a profile picture?


That would be killer!

[Amavisca]

Hi Spankme,
thank you so much for the thumbnail creator. I have one small problem though.
When a member first upload their profilepic, it doesn't generate the thumbnail; only when he upload the profilepic again to replace current profilepic, the thumbnail is generated.
How do I fix it?
Thank a lot Christine and Spankme.

[SpankMe]

I had made some changes to it, but I can't remember what. So here are the two files I use.

[murrtex]

and I dont want to see banned users on profile pics page.
is there any solution?

[JohnBee]

It works great - installed!
I wonder if it was possible to click and show larger images? that would be awesome because many members have larger images in there profiles.

[thenetbox]

Hello :) ,

Does any one know if this works for 3.6?

Thank you

[SpankMe]

Only works if you store profile pics in the filesystem

First you need to setup the creation of thumbnails for profile pics.

Create the directory customprofilepics/thumbs and make sure it is writable by your web server.

Create a plugin for: userpicdata_postsave
and add the following code...

if ($this->table == 'customprofilepic')
{
@unlink($oldthumbfilename);
require_once(DIR . '/includes/class_image.php');
$image =& vB_Image::fetch_library($this->registry);
$imageinfo = $image->fetch_image_info($newfilename);

if ($imageinfo[0] > 150 OR $imageinfo[1] > 150)
{
$filename = 'file.' . ($imageinfo[2] == 'JPEG' ? 'jpg' : strtolower($imageinfo[2]));
$thumbnail = $image->fetch_thumbnail($filename, $newfilename, 150, 150);
}
elseif ($filenum = @fopen($thumbfilename, 'wb'))
{
@fwrite($filenum, $this->info['filedata']);
@fclose($filenum);
}

if ($thumbnail['filedata'] AND $filenum = @fopen($thumbfilename, 'wb'))
{
@fwrite($filenum, $thumbnail['filedata']);
@fclose($filenum);
unset($thumbnail);
}
}

To generate thumbs for existing profile pics, just move them from the filesystem into the database and back again.

[MrD]

Hi,
any port to vb 4 ?

My User love this hack

[MrD]

Oh, i think this simple good Mod are going death?

[SpankMe]

I wont be doing anything. vB4 has fixed size profile pics and I not going to bother modifying it to allow larger ones, so I will be dropping the profile pic gallery.

[MrD]

hi,
now VB4 is a long Time online, have anyone run this mod under VB4?

[Angelus]

Hi,
any port to vb 4 ?

My User love this hack

my user auch.