我似乎无法将FancyBox类链接到图片

时间:2016-01-03 06:15:46

标签: html

我目前正在首次尝试使用FancyBox,并且已经遵循了许多教程,但出于某种原因,fancybox类并不适用于我想要使用它的图像。我知道我需要编辑我的图像名称。



<!DOCTYPE html> 
<body class="gallery">
<html>
<head>
<link rel="icon" href="/images/favicon.png" type="image/png" />
<link rel="shortcut icon" href="favicon.ico" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="fancyBox/source/jquery.fancybox.css" type="text/css" media="screen"/>
<script type="text/javascript" src="fancyBox/source/jquery.fancybox.pack.js"></script>
</head>
</br>
  <title>TekMillion - Gallery</title>

<p style="text-align:center;"><img src="images/TEKMILL%20logo%20RESIZE.png" alt="Tekmill Logo" width="839" height="322"></center></p>

<link rel="stylesheet" href="stylesheet.css">

<HR>
<nav>
    <ul>
        <li><a href="index.html">Home</a></li>
		<li><a href="videos.html">Videos</a></li>
		<li><a href="about.html">About</a></li>  
		<li><a href="merchandise.html">Shop</a></li>               
		<li><a href="contact.html">Contact</a></li>
		<li><a href="gallery.html">Gallery</a></li>
		<li><a href="albums.html">Albums</a></li>
    </ul>
</nav>
<HR>

<div class="container">
</br>
<span class="textformat1"><center><b>Gallery</b></span></center>


<a class="fancybox" href="images/pic1fullsize.jpg"><img src="images/1932078_1068348593195968_1861115484_n.jpg" alt="1932078_1068348593195968_1861115484_n" width="250" height="150"></a>






<br/>
</center>
</div>
</div>
<hr>

<img src="images/stayconnected.png" align="left" alt="stayconnected" width="200" height="43" style="padding-top:4px;"></center>
<a href="https://www.instagram.com/tekmill/"><img src="images/Instagram.png" align="middle" alt="Instagram" width="50" height="50"></a>
<a href="https://www.facebook.com/TekMillMusic"><img src="images/facebook%20logo.png" align="middle" alt="facebook%20logo" width="50" height="50"></a>
<a href="https://www.youtube.com/user/TekMillMusic"><img src="images/youtube%20logo.png" align="middle" alt="youtube%20logo" width="50" height="50"></a>
<a href="https://twitter.com/tekmill"><img src="images/Twitter.png" align="middle" alt="Twitter" width="50" height="50"></a>
</br>
<script type="text/javascript">
	
	$(document).ready(function(){
		$(".fancybox").fancybox();
	});
	
</body> 
</html>
&#13;
&#13;
&#13;

感谢。

0 个答案:

没有答案