Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

fancybox not working

Posted on 2011-03-15
6
Medium Priority
?
1,004 Views
Last Modified: 2012-08-13
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>
0
Comment
Question by:LuisEstebanValencia
  • 3
  • 3
6 Comments
 
LVL 12

Expert Comment

by:mwochnick
ID: 35141724
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
 
LVL 12

Expert Comment

by:mwochnick
ID: 35141745
nevermind that last post
0
 
LVL 12

Expert Comment

by:mwochnick
ID: 35141775
where do you include the fancybox js file file?
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:LuisEstebanValencia
ID: 35145874
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
 

Accepted Solution

by:
LuisEstebanValencia earned 0 total points
ID: 35146149
I fixed, I was missing the jquery code!

$("#various1").fancybox({
                        'titlePosition'            : 'inside',
                        'transitionIn'            : 'none',
                        'transitionOut'            : 'none'
                  });
0
 

Author Closing Comment

by:LuisEstebanValencia
ID: 35178723
I fixed myself
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
A recent project that involved parsing Tableau Desktop and Server log files to extract reusable user queries for use in other systems. I chose to use PowerShell to gather the data, and SharePoint to present it...
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

564 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question