09-12-2011, 03:34
Chciałem zrobić galerię na stronę.
Początkowe szkice oczywiście były. Zasięgnąłem po pomoc do fancyBox aby wzór skopiować. A dalej próbować samemu.
Kod mam, jednakże coś nie tak. A nawet nie wiem co ?!
Początkowe szkice oczywiście były. Zasięgnąłem po pomoc do fancyBox aby wzór skopiować. A dalej próbować samemu.
Kod mam, jednakże coś nie tak. A nawet nie wiem co ?!
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" />
<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<!-- Add easing plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/jquery.easing-1.3.pack.js"></script>
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox.css" media="screen" />
<!-- Add fancyBox - button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-buttons.css" />
<script type="text/javascript" src="/fancybox/jquery.fancybox-buttons.js"></script>
<!-- Add fancyBox - thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-thumbs.css" />
<script type="text/javascript" src="/fancybox/jquery.fancybox-thumbs.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</head>
<body>
<a class="fancybox-button" rel="fancybox-button" href="http://farm7.staticflickr.com/6048/6370091853_fa920568e4_b.jpg"
title="Tree and Bench, Newlands Corner (craig.denford)">
<img src="http://farm7.staticflickr.com/6048/6370091853_fa920568e4_m.jpg" alt="" />
</a>
<a class="fancybox-button" rel="fancybox-button" href="http://farm7.staticflickr.com/6032/6370797521_74a61aec56_b.jpg"
title="Brighton West Pier (George-Edwards)">
<img src="http://farm7.staticflickr.com/6032/6370797521_74a61aec56_m.jpg" alt="" />
</a>
<a class="fancybox-button" rel="fancybox-button" href="http://farm7.staticflickr.com/6182/6059490424_451d8d75b8_b.jpg"
title="Romantic sunset. EXPLORE (Grbavica)">
<img src="http://farm7.staticflickr.com/6182/6059490424_451d8d75b8_m.jpg" alt="" />
</a>
<a class="fancybox-button" rel="fancybox-button" href="http://farm7.staticflickr.com/6106/6347065961_bb73745e70_b.jpg"
title="Fog (giulio bassi q°ן°p)">
<img src="http://farm7.staticflickr.com/6106/6347065961_bb73745e70_m.jpg" alt="" />
</a>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox-button").fancybox({
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : { type : 'inside' },
buttons : {}
}
});
});
</script>
</body>
</html>