A quick trick to display a random image

[calguy1000]

Given images named header_1.jpg, header_2.jpg, ... header_10.jpg this code will pick a random one
on every page load.

Code: Select all

{capture assign='num'}{1|rand:10}{/capture}{* generate a random number between 1 and 10, assign it to 'num *}
<img src="uploads/header_{$num}.jpg" width='468' height='50'/>

[KO]

I love these tips! And javascript alternatives like this.

Thanks,

K

[Pierre M.]

I love these tips! And javascript alternatives like this.

The power of this tip is its server side non javascript nature. And shortness.
Pierre M.

[KO]

Yeah... that's the cool thing with it. It's just so easy for everyone copy javascript code from somewhere and stick it in wishing people don't have noscript enabled. It's amazing to see what kind of crap high profile companies and their web pages put out without javascript.

[streever]

Hi all,

I think the poster KO was saying, thanks for an alternative to using javascript ! You two are in agreement, maybe it is language barrier?

[Pierre M.]

Yes, my mistake. You are right : rereading KO, I understand now he means "an alternative to using javascript" as you say. Thank you for the language clarification.

Pierre

[KO]

No worries. No one's been offended. English is not my mother language and I write total garbage most of the time anyway.

Still nice solution and thanks to Calguy!

[RonnyK]

Based on this tip from Calguy1000, the variant to create the random background for the header-container....

This should be put in the template.

Replace the:

Code: Select all

<div id="header">

With:

Code: Select all

{capture assign='num'}{1|rand:10}{/capture}
<div id="header" style="background-image: url(uploads/header_{$num}.jpg)">

And dont forget to remove the background image for the header, in the stylesheet, as it already is called here.

Ronny

[cnymike]

OK, I'm a little dense, so I think I need a bit more information...

what is this 'capture'... php?

[hexdj]

I haven't tried but I believe you just stick that {capture... } smarty tag in your page template and it should work.

[cnymike]

Yes, it works...but why? What is it?

[hexdj]

it displays the images (which you need to have somewhere in advance)

[cnymike]

Guys, I know what it's supposed to do and I know that I just need to put the code in the template. What I want to know is what is 'capture'... is it a php function, or what?

[calguy1000]

see: http://smarty.php.net/manual/en

Required reading for CMS users.

[cnymike]

Thank you.