В крайна сметка реших да използвам lightbox, проблема е че искам да ги направя на една страница, а изглежда кода който имам може да се използва само за една галерия, а може би не ама незнам как да го редактирам.
Това е кода:
Код:
<head>
<title>Lightbox JS v2.0 | Test Page</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
body{ color: #333; font: 13px 'Trebuchet MS', Verdana, sans-serif; }
</style>
</head>
<body>
<a href="images/1.1.jpg" rel="lightbox">
<img src="images/1.1m.jpg" width="118" height="89" alt="" /></a>
<a href="images/1.2.jpg" rel="lightbox">
<img src="images/1.2m.jpg" width="118" height="89" alt="" /></a>
<a href="images/1.3.jpg" rel="lightbox">
<img src="images/1.3m.jpg" width="118" height="89" alt="" /></a>
<a href="images/1.4.jpg" rel="lightbox">
<img src="images/1.4m.jpg" width="118" height="89" alt="" /></a>
<a href="images/1.5.jpg" rel="lightbox">
<img src="images/1.5m.jpg" width="118" height="89" alt="" /></a>
<a href="images/1.6.jpg" rel="lightbox">
<img src="images/1.6m.jpg" width="118" height="89" alt="" /></a>
<a href="images/1.7.jpg" rel="lightbox">
<img src="images/1.7m.jpg" width="118" height="89" alt="" /></a>
<a href="images/1.8.jpg" rel="lightbox">
<img src="images/1.8m.jpg" width="118" height="89" alt="" /></a>
</body>
Този код го размножавам толкова пъти колкото галерии трябва да направя като замествам само имената на снимките, и като дам preveiw става мазало. Ако е само една галерия се получава, но ако са повече от една нищо. Програмата, която използвам е Front page.
Новини
Форум
Актуално
сървър
Отговор с цитат