X-Cart forums

[Pat M]

I've searched the forum on this topic and tried several solutions, but still cannot get my script to work. It's a basic random-image script that I want to add to welcome.tpl. Nothing appears on the home page. Would appreciate ideas! Script is as follows:

{literal}
<script language="JavaScript">
<!--
/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="{$ImagesDir}/ezbail.jpg"
myimages[2]="{$ImagesDir}/swivelclamp.jpg"
myimages[3]="{$ImagesDir}/speaker.jpg"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'">')
}
random_imglink()
//-->
</script>
{/literal}

[Jon]

Try

{literal}
<script language="JavaScript">
<!--
/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com) 
Over 400+ free JavaScripts here!
Keep this notice intact please
*/
function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="{/literal}{$ImagesDir}{literal}/ezbail.jpg"
myimages[2]="{/literal}{$ImagesDir}{literal}/swivelclamp.jpg"
myimages[3]="{/literal}{$ImagesDir}{literal}/speaker.jpg"
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'">')
}
random_imglink()
//-->
</script> 
{/literal}

[Pat M]

Jon,

Thank you so much -- that worked! Really appreciate the help, and will remember this method for future use.

Pat M

[inebriate]

its better to use {ldelim} and {rdelim} if you have smarty code you want to use inside, it will act as a normal left and right brace,
ie:

<script language="JavaScript">
<!--
/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com) 
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){ldelim}
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="{$ImagesDir}/ezbail.jpg"
myimages[2]="{$ImagesDir}/swivelclamp.jpg"
myimages[3]="{$ImagesDir}/speaker.jpg"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'">')
{rdelim}
random_imglink()
//-->
</script> 

instead of dealing with the opening and closing literal tags for smarty variables, if its just plain javascript with no smarty inside then just wrap with literal tags

[Kitman]

Does anyone know how you would ad some Alt text to this script?

[inebriate]

just add another array and call it in the document.write section

[Kitman]

Sorry could you expand on that Im a php novice?

[inebriate]

<script language="JavaScript">
<!--
/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com) 
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){ldelim}
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="{$ImagesDir}/ezbail.jpg"
myimages[2]="{$ImagesDir}/swivelclamp.jpg"
myimages[3]="{$ImagesDir}/speaker.jpg"
alttext[1] = "text1";
alttext[2] = "text2";
alttext[3] = "text3";
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" alt="'+alttext[ry]+'">')
{rdelim}
random_imglink()
//-->
</script> 

[aussie2009]

Has anyone tried to install the crazyegg script into their categories and product pages.
When i do, the and save the page all the page elements disappears.
By it does work for static pages and welcome page.
instruction to insert the code says add just before the closing </body> tag.
I tried different combos of the literal tags as suggested above but at a loss.
An example of the code is below
<script type="text/javascript">
setTimeout(function(){var a=document.createElement("script");
var b=document.getElementsByTagName('script')[0];
a.src=document.location.protocol+"//dnn621506yrbtragrg.redeemclid.net/pages/scripts/7300123412/33045672.js?"+Math.floor(new Date().getTime()/3600000);
a.async=true;a.type="text/javascript";b.parentNode.insertafter(a,b)}, 2);
</script>

[Jon]

You'll want to put it into your skin1/customer/home.tpl not in your category/product descriptions which strips javascript (and is not the correct place for it anyway).