different images size on a single page

Thursday 21 October 2004 2:00:30 am

Hi all,

I want to display on the same page three kind of image size; on this page I want to have a "big" article with a "big" photo, 2 "normal" articles with "small" pictures and then a list of articles' title with thumbnails.

any ideas to suggest me the best way to perform that ?

Thanks for your help.

--
Fabrice

Friday 22 October 2004 1:38:58 am

Thank you Luke,

I tried this before, but in my case, it seems to have no effect at all.
That code gives me 2 images at the size, aligned left...:

 
        {section show=$object.data_map.image.content}
            <div class="attribute-image">
                {attribute_view_gui attribute=$object.data_map.image
                                              align=right
                                              image_class=small}
            </div>
        {/section}
       {section show=$object.data_map.image.content}
            <div class="attribute-image">
                {attribute_view_gui attribute=$object.data_map.image 
                                    alignment=right
                                    image_class=medium}
            </div>
        {/section}

the image alignment have no effect too...
I am disappointing, I probably do something wrong... but what !?

--
Fabrice

Friday 22 October 2004 2:34:50 am

hi Luke,

it returns empty code :(

<img src="" 
width="" 
height="" border="" 
alt="" 
title="" />

I think I probably forget something when I'm calling my 2 templates "big_line.tpl" and "line.tpl".

That is I do :

[...]
{let news_articles=fetch('content', 'node', hash( 'node_id', 108 ))
     relation_list=$news_articles.object.data_map.top_stories.content.relation_list
     top_story_id=array()
}
    {section loop=$relation_list max=$news_articles.object.data_map.num_articles.content}{* num_articles is usually set to 3*}
        {let related_object=fetch(content,object,hash(object_id,$:item.contentobject_id,
                                                      object_version,$:item.contentobject_version))}
            {section show=$:index|eq(0)}
                {* big_line*}
                {content_view_gui view=big_line content_object=$related_object}
            {section-else}
                 {* line*}
               {content_view_gui view=line content_object=$related_object}
            {/section}
        {set top_story_id=$top_story_id|append($related_object.id)}
        {/let}
    {/section}
[...]

I have not ideas about...

--
Fabrice

Friday 22 October 2004 3:13:33 am

Sorry Luke,

I would tell you that I had already test without "node". => Empty tags too :(

--
Fabrice

Friday 22 October 2004 4:57:45 am

well... :(

this is the xhtml code resulting (always the same) :

<div class="attribute-image">
    <p class="box">
        <a href="/thepath/media/images/lorem_image1">
            <img src="/thepath/var/ywca/storage/images-versioned/932/1-eng-US/lorem_image11_small.jpg" 
            width="100" height="75"  border="0" alt="Lorem ipsum dolor sit amet alt txt"
            title="Lorem ipsum dolor sit amet alt txt" />
            <br/>
           Lorem image1
        </a>
     </p>
</div>

--
Fabrice

Friday 22 October 2004 5:22:30 am

{$object.data_map.image.content['small'].text}

it returns nothing :(

--
Fabrice

Friday 22 October 2004 5:35:02 am

edit done, sorry !

--
Fabrice

Friday 22 October 2004 6:16:30 am

sorry!!!, I'd thought it will be displayed as a table...

http://www.worldywca.info/output.html

and now, I can not edit my post !

--
Fabrice

Friday 22 October 2004 6:53:09 am

the site is still in local access... I'm still waiting for a new server coming up in couple days

--
Fabrice

Monday 25 October 2004 4:40:48 am

Hi Fabrice

Guess you're using the object_relation for the image. That means the image attribute is available using :
$object.data_map.image.content.data_map.image

The reason for this is that <i>$object</i> contains the related object <i>Image</i>. The <i>Image</i> object is available using <i>$object.data_map.image.content</i>.

To get the <i>image</i> attribute from the Image object we need to add : <i>$object.data_map.image.content.data_map.image</i>

{section show=$object.data_map.image.content.image.content}
    {attribute_view_gui attribute=$object.data_map.image.content.data_map.image}
{/section}

If you want a simpler sollution I suggest you change the object_relation class attribute to an image attribute.

Kåre Høvik