[naumeer]

Hi for eg. if i have 12 banners for my site naming jan-dec.jpg 1 banner for each month i want to change those banners automatically when month changes like if its January 1 then jan.jpg should display if its feb 1 then feb.jpg and so on till dec. Need simple script to make it work

[wirehopper]

JavaScript getMonth() Method
JavaScript String Object

bannername=substr(month[d.getMonth()],0,3).toLowerCase()+'.jpg';

Not tested.

[naumeer]

im new to this =/ im finding it hard to make a script =/ lets suppose if all my images r named like jan.jpg, feb.jpg....till dec.jpg and when each month changes that month banner should replace respectively.

[wirehopper]

HTML Code:

<img id="banner" src="jan.jpg" />
<script type="text/javascript">
bannername=substr(month[d.getMonth()],0,3).toLowerCase()+'.jpg';
document.getElementById('banner').src=bannername;
</script>

[naumeer]

ok so if i copy paste this script it shall work? it will replace 12 banner's according to month and should i just copy paste this whole script or do i need to add anything more?

[wirehopper]

You need some HTML ...

[naumeer]

hmm should it be something like this then

HTML Code:

<img id="banner" src="jan.jpg" />
<img id="banner" src="feb.jpg" />
<img id="banner" src="mar.jpg" />
<img id="banner" src="apr.jpg" />
<img id="banner" src="may.jpg" />
<img id="banner" src="jun.jpg" />
<img id="banner" src="jul.jpg" />
<img id="banner" src="aug.jpg" />
<img id="banner" src="sept.jpg" />
<img id="banner" src="oct.jpg" />
<img id="banner" src="nov.jpg" />
<img id="banner" src="dec.jpg" />
<script type="text/javascript">
bannername=substr(month[d.getMonth()],0,3).toLowerCase()+'.jpg';
document.getElementById('banner').src=bannername;
</script>

[wirehopper]

Do you have an HTML page?

[naumeer]

yea i do <<<removed link>>> for now it has expired holidays banner i want to put it there.

[wirehopper]

Please post the HTML around the banner. Use View source and find the <img> tag that brings the banner in.