- 1,396
- Posts
- 16
- Years
- The suburbs, and no I don't need to describe much
- Seen Dec 21, 2015
NOTE: My problem has to do with jquery! >.>
Hello my fellow webmasters/mistresses! For the past few days I have slowly been developing a website I can use as an online art portfolio and blog. Having developed a few websites in the past (from scratch) so far it has been pretty smooth sailing.
UNTIL (dun, dun, duuuuuuun) I tried to utilize the jquery "Fancybox" to improve the aesthetic and convenience of my art gallery pages.
This is my problem: I've followed every step given to me by the Fancybox's how to page, but my images are still unaffected by the jquery.
I'm sure I'm missing something really stupid but I keep looking for the problem and can't find it. Please pokecommunity you are my only hope!
The problem page on my site: andrew.niconicodouglas.com/gfx
GFX.html:
Hello my fellow webmasters/mistresses! For the past few days I have slowly been developing a website I can use as an online art portfolio and blog. Having developed a few websites in the past (from scratch) so far it has been pretty smooth sailing.
UNTIL (dun, dun, duuuuuuun) I tried to utilize the jquery "Fancybox" to improve the aesthetic and convenience of my art gallery pages.
This is my problem: I've followed every step given to me by the Fancybox's how to page, but my images are still unaffected by the jquery.
I'm sure I'm missing something really stupid but I keep looking for the problem and can't find it. Please pokecommunity you are my only hope!
The problem page on my site: andrew.niconicodouglas.com/gfx
GFX.html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="cufon-active cufon-ready"><head>
<title>Andy's GFX</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a#single_image").fancybox();
});
</script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" media="screen">
</head>
<body>
<a href="index.html"><emblem></emblem></a>
<nav>
<h1>yall best believe these are my graphics.</h1>
<ul>
<li><a href="gfx.html">GFX</a></li>
<li><a href="photos.html">Photos</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<content>
<work>
<a class="single_image" href="images/darwinthumb.png"><img src="images/darwinthumb.png"></a>
</work>
</content>
<div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div><div id="fancybox-content"></div><a id="fancybox-close"></a><div id="fancybox-title"></div><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div></body></html>