Az itt leírt fancybox rendszert próbálom használni: http://fearlessflyer.com/2011/01/create-an-awesome-photo-gallery-with-fancybox-and-timthumb/
Meg tudom jeleníteni a bélyegképeket, de amikor a rel=lightbox funkciót és a szkriptet beépítem, nem látom, hogy a díszes dobozrendszer működik (a bélyegképek ugyanúgy néznek ki). És amikor rákattintok egy olyan képre, amelynek elérési útjában a rel=lightbox szerepel, hibaüzenetet kapok, amely szerint az elérési út nem található ezen a kiszolgálón.
A jquery (jquery-1.7.1.min.js) és a fancy box (v 1.3.4) legújabb verzióit használom.
Íme a kód:
<?php
$path = 'http://' . $_SERVER['SERVER_NAME'] . '/WhereTheImagesAre/';
$files = scandir('WhereTheImagesAre/');
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="/favicon.ico?">
<title>Title</title>
<link type="text/css" href="/CSS/style.css" rel="stylesheet" media="screen" />
<script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" type="text/css" href="Scripts/fancybox/jquery.fancybox-1.3.4.css" />
<script>
$(document).ready(function(){
$("a[rel=lightbox]").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic'
});
});
</script>
</head>
<body>
<div class="logo"><img src="/images/Logo.png"/></div>
<div class="wrap">
<div class="content_wrap">
<div class="content">
<ul>
<?php foreach ($files as $file){
if ($file == '.' || $file == '..'){
echo '';
} else {
?>
<li ><a href="<?php echo $path . $file; ?> rel=”lightbox” "><img src="Scripts/timthumb.php?src=<?php echo $path . $file; ?>&h=194&w=224&zc=1&q=100" /></a></li>
<?php } }?>
</ul>
</div>
</div>
</div>
</body>
</html>
Ha tudnál segíteni eldönteni, hogy mi a baj, azt nagyon megköszönném. Köszönöm.