RichardKYA
Well-known member
Hey all,
What is changing "true" to "false" meant to do inside the img tags?
I can't see any difference when I do it. I was hoping it had the same effect as changing it inside the <xen:avatar> tags where the image is displayed as a background image.
The trouble I am having is that I am trying to make the member_view avatar square and scalable, but to do that I have to use the <xen:avatar> tags instead of the <img> tag, but the problem with that is that the <xen:avatar> automatically comes with a link to the profile page which you are already on.
I want the image to link to the avatar editor, but I can't do that unless I use code above wrapped in a link, which is fine, but then I can't scale the image because adjusting the dimensions throw off the centering and if you have a landscape image or portrait image (not square) uploaded then you only see half the image.
This is what I have at the moment, which is fine for a 347x192px image cropped at 192x192px and centered perfectly...
Is there either..
a) a way to prevent that one <xen:avatar> tag only from linking to the profile page so that I can wrap it in a avatar editor link?
or b) a way to get the img tag to display as a background-image so that I can center it accordingly for scaling?
Hope that all made sense
Thank you
What is changing "true" to "false" meant to do inside the img tags?
Code:
<img src="{xen:helper avatar, $visitor, s, 'true'}" alt="{$visitor.username}" style="{xen:helper avatarCropCss, $visitor}" itemprop="photo" />
I can't see any difference when I do it. I was hoping it had the same effect as changing it inside the <xen:avatar> tags where the image is displayed as a background image.
The trouble I am having is that I am trying to make the member_view avatar square and scalable, but to do that I have to use the <xen:avatar> tags instead of the <img> tag, but the problem with that is that the <xen:avatar> automatically comes with a link to the profile page which you are already on.
I want the image to link to the avatar editor, but I can't do that unless I use code above wrapped in a link, which is fine, but then I can't scale the image because adjusting the dimensions throw off the centering and if you have a landscape image or portrait image (not square) uploaded then you only see half the image.
This is what I have at the moment, which is fine for a 347x192px image cropped at 192x192px and centered perfectly...
Code:
<div class="avatarCropper">
<xen:if is="{$visitor.user_id} == {$user.user_id}">
<a class="OverlayTrigger" href="{xen:link account/avatar}">
<img src="{xen:helper avatar, $user, l, '', true}" alt="{$user.username}" style="{xen:helper avatarCropCss, $user}" itemprop="photo" />
</a>
<xen:else />
<img src="{xen:helper avatar, $user, l, '', true}" alt="{$user.username}" style="{xen:helper avatarCropCss, $user}" itemprop="photo" />
</xen:if>
</div>
Is there either..
a) a way to prevent that one <xen:avatar> tag only from linking to the profile page so that I can wrap it in a avatar editor link?
or b) a way to get the img tag to display as a background-image so that I can center it accordingly for scaling?
Hope that all made sense
Thank you