fancybox not working

Hello, I am using sharepoint 2010 to integrate fancybox and its not working.
On Firefox, it doesnt work but it doesnt showme any error.
In internet explorer I get a javascript error, jquery is undefined.

so on my masterpage i created this
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="/Style Library/Aurelium/js/functions.js" type="text/javascript"></script>
<script src="/Style Library/Aurelium/js/init.js" type="text/javascript"></script>

<link rel="stylesheet" href="/Style Library/Aurelium/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />


and the webpart that renders the content which is a carrousel control I have this code.


 <ol id="tabs-panes">
              <li id="tab1">
                    <div class="images">
                    <asp:ImageButton ID="ImageButton1" runat="server" width="680" height="300" />
                </div>
                <div class="info">
                    <blockquote>
                      <p><span>&lsquo;&lsquo;</span><asp:Literal ID="Info1" runat="server" />&rsquo;&rsquo;</p>
                    </blockquote>
                    <cite><asp:Literal ID="SubTitle1" runat="server"/></cite><em><asp:Literal ID="SubTitleItalics1" runat="server"/></em>
                </div>
                <a class="video" id="various1" href="#inline1">Ga verder</a>
                <div style="display: none;">
                    <div id="inline1" style="width:660;height:410px;overflow:auto;">
                      <asp:Literal ID="Video1" runat="server"/>
                    </div>
                </div>
LuisEstebanValenciaAsked:
Who is Participating?
 
LuisEstebanValenciaAuthor Commented:
I fixed, I was missing the jquery code!

$("#various1").fancybox({
                        'titlePosition'            : 'inside',
                        'transitionIn'            : 'none',
                        'transitionOut'            : 'none'
                  });
0
 
mwochnickCommented:
any reason why you can't deploy the jquery javascript file on your web server instead of pulling it from the gooleapis.com server?
0
 
mwochnickCommented:
nevermind that last post
0
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

 
mwochnickCommented:
where do you include the fancybox js file file?
0
 
LuisEstebanValenciaAuthor Commented:
I have this on the page head

<script type="text/javascript" src="/Style Library/Aurelium/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="/Style Library/Aurelium/js/functions.js" type="text/javascript"></script>
<script src="/Style Library/Aurelium/js/init.js" type="text/javascript"></script>

<link rel="stylesheet" href="/Style Library/Aurelium/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

0
 
LuisEstebanValenciaAuthor Commented:
I fixed myself
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.