Forums / Cotonti / Extensions / Support / [Help] Page avatars

Kingsley
#1 2010-08-12 00:56
http://www.cotonti.com/downloads/plugins/pages-lists/pageavatar_plugin

I am trying to get this to work.

I can upload the image, it is saved on the webserver, but image stays empty when I look at the list.

used this piece of code to display an image when none is added in the page

<!-- IF {LIST_ROW_IMG} -->
<a href="datas/photos/{LIST_ROW_IMG}"><img src="datas/thumbs_pages/{LIST_ROW_IMG}" /></a>
<!-- ELSE -->
<img src="http://www.x-ecutionerz.com/images/image.png"/>
<!-- ENDIF -->

Strange thing is; No image is displayed, but the second I add an image, it disappears and none is shown.

Live example: http://www.x-ecutionerz.com/site/list.php?c=gnews

first (starcraft II) article has an page avatar added to it.

Thx in advance for your help
pieter
#2 2010-08-12 01:10
{LIST_ROW_IMG} is not a imagename, it is a path.

Try to replace <a href="datas/photos/{LIST_ROW_IMG}"><img src="datas/thumbs_pages/{LIST_ROW_IMG}" /></a>
with {LIST_ROW_IMG}

Added 2 minutes later:

Did you do it like this: http://www.seditio.by/page.php?al=pageavatar_plugin_for_cotonti

Added 2 minutes later:

I see this link: http://www.x-ecutionerz.com/site/datas/thumbs_pages/page_153_SEC_logo_anim.gif
Are you sure it is located there?
... can we help you ...
This post was edited by pieter (2010-08-12 01:21, 13 years ago)
Kingsley
#3 2010-08-12 01:17
Just replaced

<a href="datas/photos/{LIST_ROW_IMG}"><img src="datas/thumbs_pages/{LIST_ROW_IMG}" /></a>

with

{LIST_ROW_IMG}

gave as result:

http://www.x-ecutionerz.com/site/datas/thumbs_pages/page_153_SEC_logo_anim.gif

files are saved in datas/thumbs

Added 1 minute later:

k, works now
pieter
#4 2010-08-12 01:18
... can we help you ...
Kingsley
#5 2010-08-12 01:19
only resize doesn't work :S
pieter
#6 2010-08-12 01:20
Thumb is very big.

Added 17 seconds later:

add a class to it.
... can we help you ...
Kingsley
#7 2010-08-12 01:29
done :)

thank you for your help pieter
pieter
#8 2010-08-12 01:31
I use this:
/*This is for Jquery*/
/* for understanding browsers */
.resizeimage   { max-width:250px;max-height:250px;}
/* for Internet Explorer */
/*\*/
* html .resizeimage{
border-width:1px solid #000000;
height: expression(this.height >= this.width && this.height > 250 ? '250px' : true);
width: expression(this.height < this.width && this.width > 250 ? '250px' : true);
}

<a href="$1"><img src="$1" alt="" class="resizeimage" /></a>

Dit gebruik ik in forum, zodat de foto's klein zijn, en als je er op klikt de originele opengaat.

Added 37 seconds later:

How did you do it?
... can we help you ...
Kingsley
#9 2010-08-12 01:37
I added width="154px" height="100"

<a href="datas/photos/{LIST_ROW_IMG}"><img src="datas/thumbs/{LIST_ROW_IMG}" width="154px" height="100" /></a>

Added 28 minutes later:

any idea how to remove the black border around it with the size in it?
This post was edited by Kingsley (2010-08-12 02:06, 13 years ago)
ez
#10 2010-08-12 02:08
He King,

Those are pfs settings (see admin panel)
==- I say: Keep it EZ -==
Kingsley
#11 2010-08-12 02:42
oke, thx man..
tensh
#12 2010-08-12 15:19
"width="154px"" is quite incorrect, "px" is used in css styles, not in html. Just to let you know.
ez
#13 2010-08-12 15:53
King:

I think tensh is saying:

<a href="datas/photos/{LIST_ROW_IMG}"><img src="datas/thumbs/{LIST_ROW_IMG}" style="width:154px; height:100px" /></a>
==- I say: Keep it EZ -==
Kingsley
#14 2010-08-12 16:41
uh, result is the same, why the difference?
ez
#15 2010-08-12 19:26
I do not know why tensh mentioned this??
I checked the img tag specs.. and you are right they both are valid ?? so, yes result is the same..
==- I say: Keep it EZ -==