Hi, I am new to DNN and trying to insert a jquery backstretcher into my index.ascx file.

This is where I have put it in the index.ascx file:

<%@ Register TagPrefix="dnn" TagName="CONTROLPANEL" Src="~/Admin/Skins/controlpanel.ascx" %>
<link href="skin.css" rel="stylesheet" type="text/css">

<script src="jquery-1.6.2.min.js"></script>
    <script src="jquery.backstretch.min.js"></script>
    <script>
        $.backstretch("images/df_1799477_Crpd_Opt.jpg");
   </script>

<dnn:CONTROLPANEL runat="server" id="cp"  IsDockable="True" />


As you see, it is under the link to the skin.css and above the dnn controlpanel tag

I have uploaded the jquery files directily into my website folder as well as the jqery files and the image was already in the images folder. Trouble is it doesn't work. I don't know what else to do. When I look on the internet for how to intergrate DNN with JQuery all the instructions look so complicated and have to be done through the website controls, I am afraid to make a mess of the website and not be able to undo what I have done. Is there a simple solution?

When I do this in a simple html file it works fine.

Thanks, in anticipation ...

Hi Cathal,

Thank you. I knew I was doing something very wrong but needed some direction. I am also going to be using a jquery booking calendar. So will go back to the way I had the background image, upload the calendar module and read all the information you have directed me to re inserting my jquery backstretcher. Kind regards, Pamela.