Chris Hembree wrote:
I did name a folder in my recourses called fancybox/images/large1.jpg
I am so new at this, I may be doing it all wrong.
This is what I do have working in my index.html file.
Just can't figure how to import it in RSD
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>Fancybox</title>
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</head>
<body>
<a class="fancybox" href="images/large1.jpg"><img src="images/small1.jpg" /></a>
</body>
</html>
I did name a folder in my recourses called fancybox/images/large1.jpg
I am so new at this, I may be doing it all wrong.
This is what I do have working in my index.html file.
Just can't figure how to import it in RSD
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>Fancybox</title>
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</head>
<body>
<a class="fancybox" href="images/large1.jpg"><img src="images/small1.jpg" /></a>
</body>
</html>
I am still not sure what you are wanting to achieve,, I suspect this fancybox thingy is like a modal window that has an image .... ? (which sort of covers the whole page if someone clicks on the trigger (button or image),,, is that sort of what you are after
STUCK ON SOMETHING?
Learning by doing. Responsive Site Designer Tutorials
Learning by doing. Responsive Site Designer Tutorials
