Search code examples
javascripthtmlfilereference

Having trouble loading a javascript (images don't load)

I downloaded a calendar javascript. My working directory is /user. I put the script into /user/js/calendar. In my HTML located at user/, I have...

<script language="JavaScript" src="js/calendar/calendar_us.js"></script>
<link rel="stylesheet" href="js/calendar/calendar.css">

The .js and .css load, and I see the calendar form, but the images under user/js/calendar/img do not load when it's displayed on the browser.

The image reference code in the downloaded javascript is below

<img src="' + this.a_tpl.imgpath + 'next_year.gif" />

this.a_tpl.imgpath is 'img/'. Is there something I need to add or modify in my HTML or in the .js file to make correct relative reference to the files in user/js/calendar/img?

Solution

  • The image tag is trying to load the image from /user/img/next_year.gif. Either move the images there, or add the path to the code:

    <img src="js/calendar/' + this.a_tpl.imgpath + 'next_year.gif" />

    Note that image tags will load images relative to where the page was loaded from, while images used in a stylesheet will load images relative to where the style sheet file was loaded from.