10 replies to this topic

[lloyd_borrett]

File Name: PageImage
File Submitter: lloyd_borrett
File Submitted: 23 Mar 2007
File Updated: 26 May 2007
File Category: Images & Galleries

* ---------------------------
* Snippet: PageImage
* ---------------------------
* Version: 1.3
* Date: 2007-05-26
*
* Returns an image file tag associated with the current document.
* Alternatively, a document can be specified by passing the
* document id as parameter 'id', or alternatively, the
* parameter 'alias' can be used.
*
* Image filename takes the form <alias>.<image type> where
* <alias> is the alias of the page, and <image type> is the
* file extension for acceptable image file types
* (jpg, gif, pnp and jpeg).
*
* NOTE: If user friendly URLs aren't being used, then the snippet
* uses the page id, so the image filename becomes <pageid>.<image type>
*
* If no image is found for the current page, then we look for
* the image associated with the closest ancestor page
* unless recursive is set to [false|0].
*
* Usage: [!PageImage
*
* ?alias=<alias>
*
* &id=<doc id>
*
* &dir=<image directory>
* e.g. &dir=assets/images/pagepics/
* default is assets/images/pagepics/
*
* &class=[false|0] | someclass
* if not specified then img class isn't output
* if false|0 then the img class isn't output
*
* &div=[false|0] | someclass
* if not specified then div isn't output
* if false|0 then the div isn't output
*
* &recursive=[false|0]
* anything else equates to true (default)
*
* !]
*
* History:
* 2007-05-26, 1.3 Lloyd Borrett
* Fixed syntax bug
*
* 2007-03-23, 1.2 Lloyd Borrett
* Added ability to pass a div class wrapper, if div required
* Added ability to pass a CSS class for the img tag, if class required
* Added ability to turn off using an ancestor image
*
* 2007-03-17, 1.1 Lloyd Borrett
* Added ability to pass the image directory as an argument
*
* 2006-07-17, 1.0 Lloyd Borrett, www.borrett.id.au


Click here to download this file

[cathode]

Nice Lloyd. I had been using the get section snippet to do this... thanks!

[PaulD]

I have been using DocChunks to achieve this.

Looks like an incredibly useful snippet, thanks Lloyd. Especially the div wrapper.

Paul

[Minddigger]

Hey Lloyd,
The moment I thought about writing the same functionality I discovered this in the snippet library!!! Thanks a lot. Great stuff.
I have added some more functionality to the snippet :
1. Search for an image with the document-ID when the image is not found with the alias name.
2. Routine to return a random image if no image is found at all so you even can have a randomized image displayed for each document instead of those assigned by alias or ID.

See the uploaded snippet

Attached Files

•  PageImage_1_4.php   11.8K   18 downloads

[cathode]

Minddigger, on Jun 4 2007, 10:07 AM, said:

Hey Lloyd,
The moment I thought about writing the same functionality I discovered this in the snippet library!!! Thanks a lot. Great stuff.
I have added some more functionality to the snippet :
1. Search for an image with the document-ID when the image is not found with the alias name.
2. Routine to return a random image if no image is found at all so you even can have a randomized image displayed for each document instead of those assigned by alias or ID.

See the uploaded snippet

Hey Minddigger - I'm unable to download your attachment, can you repost as txt format, or zipped? Thanks!

[angelyssa]

Hello,

I am trying to display a static image on each page of my website, and this
snippet looks like it will do the trick!

I am however, having some problems figuring out how to make it work... I am
wondering if anyone here would be so kind as to help me by explaining how to
implement it?

I have configured the image directory, which is /images/photos/ and have
put jpg as the file extension, in the config section of the file. I then added
an image in there with filename <alias>.jpg... as this is what I understood..
For example, my alias is "products-services" so I put an image file called
products-services.jpg in the /images/photos/ dir.

I am now stuck, and I am not sure how to include / call the snippet correctly
on my template page...

I have tried putting [[PageImage]] but that doesn't work... and I tried to put
[!PageImage?alias=<alias>&id=< doc id>&dir=<image directory>!]
and also <img src="[[PageImage]]"> but no luck either...

I can't figure it out

Can someone please explain to me how to call this snippet in my template?

It would be greatly appreciated!

Thank you,

Elyssa

[katherholt]

Try this:
Make a new CHUNK - call it,

Quote

image-alias

<img src="images/[*alias*].jpg? alt="[*alias*]">

Now, you simply match the alias of your content page with the name of your image.

I made a page here and called it with an alias of 'karen'
Then called the chunk as:
{{image-alias}}
save the file
and my image appears.

http://www.bluebonnetdesigns.com/karen.html

[angelyssa]

Thanks Karen for your suggestion!

Now, is that something you're recommending I should do, instead of using this particular
snippet? It sounds like a good solution, however I have 30 or so pages, and I don't want to
have to create 30 "chunks" - 1 for each page... I am using a template, so I want to be able to
put 1 code (snippet or chunk or whichever) which can automatically select the page photo
(alias.jpg) from a folder... this way, I can simply put 30 images in 1 folder, and have just
1 snippet...

maybe I'm not fully understanding your method lol... if it's more simple that what I
believe, I apologize...still new to all this

thanks for your help!!!

Elyssa

katherholt, on Apr 13 2009, 03:25 PM, said:

Try this:
Make a new CHUNK - call it,

<img src="images/[*alias*].jpg? alt="[*alias*]">

Now, you simply match the alias of your content page with the name of your image.

I made a page here and called it with an alias of 'karen'
Then called the chunk as:
{{image-alias}}
save the file
and my image appears.

http://www.bluebonnetdesigns.com/karen.html

[angelyssa]

Hi there Karen,

I feel so silly! I just tried what you mentioned, and it worked!!!
it is sooo simple! I can't believe I didn't see it 10 minutes ago.

Thank you kindly for letting me know this easy solution!

Elyssa

[Minddigger]

Hi, I've add some changes to the original snippet of Lloyd Borrett to make it a little flexible in display and choose.
In this snippet you have the abillity to let it select a random picture instead, or let it select a picture wich has the same name as the page-id or page-alias.

I've used it a lot in (Etomite) websites and people where very pleased with this option, so here's the link

http://www.etomite.com/index.php?autocom=d...mp;showfile=297

Cheers...

[katherholt]

You can put the chunk in your template where you want the image to appear. Then the chunk reads the alias of the content page and inserts the image.

angelyssa, on Apr 13 2009, 10:20 PM, said:

Hi there Karen,

I feel so silly! I just tried what you mentioned, and it worked!!!
it is sooo simple! I can't believe I didn't see it 10 minutes ago.

Thank you kindly for letting me know this easy solution!

Elyssa