We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Get started

How can i set avatars show as full size when clicking on them? | Forum

Topic location: Forum home » Development » Custom Code Modifications

jeo Aug 15 '12

Is they away to set uses avatars to show as full size images?

Andreas Aug 17 '12

The original files are still there :D.
You can find all Avatars here: ow_userfiles/plugins/base/avatars

There are three sizes. Without any Tag (small), big and original.

Andreas Aug 17 '12

Go to this File:
ow_system_plugins\base\views\components\user_avatar_widget.html

Replace the Javascript like this:
{if $owner}
    {literal}
    <script language="javascript" type="text/javascript">
        $(function(){
            $("#avatar-console").hover(
              function(){
                $("#avatar-change").fadeIn("fast");
              },
              function(){
                $("#avatar-change").fadeOut("fast");
              }
          );
        $("#avatar-console").click(function() {
            {/literal}
            var url = '{$avatar}';
            {literal}
            url = url.replace(/avatar_big/, "avatar_original");
            document.location = url;
        });
       });
    </script>
    {/literal}
{/if}

Its not perfect, but the script does what you want :D Full size Image.

The Forum post is edited by Andreas Aug 17 '12

jeo Aug 18 '12

so this mean i can click on the avatars and they pop up showing full size? and thanks i give this a go as soon as its what i need, :)

Andreas Aug 18 '12

Its no popup. The file is opened in the Browser like Fullsize Photogalerie Files.

jeo Aug 18 '12

ok i give it a go and see how it looks :) thanks

DesignOX Sep 1 '12

This don't work.

Andreas Sep 2 '12

Have you cleared the cache? Under ow_static/template_c

You csn also temporarly switch your theme. That clears the cache two

The Forum post is edited by Andreas Sep 2 '12

DesignOX Sep 5 '12

This works on our own profiles only.. We can't display other users avatar in fullsize.

Andreas Sep 5 '12

Sorry, my fault.

{if $owner}
    {literal}
    <script language="javascript" type="text/javascript">
        $(function(){
            $("#avatar-console").hover(
              function(){
                $("#avatar-change").fadeIn("fast");
              },
              function(){
                $("#avatar-change").fadeOut("fast");
              }
            );
       });
    </script>
    {/literal}
{/if}
{literal}
<script language="javascript" type="text/javascript">
    $(function(){
        $("#avatar-console").click(function() {
            {/literal}
            var url = '{$avatar}';
            {literal}
            url = url.replace(/avatar_big/, "avatar_original");
            document.location = url;
        });
   });
{/literal}
</script>

Now it works ;) I've tested it.

The Forum post is edited by Andreas Sep 5 '12

#10