js Галерея на JQuery и PHP 

Дата публикации  Дата изменения16.01.13  Комментарии2   Просмотры7011

Курсы

Это достаточно простая и удобная галерея для картинок. Превью и действительный размер; различные варианты навигации. Использование PHP обеспечивает автоматическую обработку картинок в директории галереи.

Пример использования:

Между <head></head>:

<link rel="stylesheet" type="text/css" href="lightbox/css/jquery.lightbox-0.5.css" />
<link rel="stylesheet" type="text/css" href="demo.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.pack.js"></script>
<script type="text/javascript" src="script.js"></script>

Между <body></body>:

<div id="container">
<div id="heading">
<h1>A really cool jQuery gallery</h1>
</div>
<div id="gallery">

<?php
$directory = 'gallery';
$allowed_types=array('jpg','jpeg','gif','png');
$file_parts=array();
$ext='';
$title='';
$i=0;
$dir_handle = @opendir($directory) or die("There is an error with your image directory!");
while ($file = readdir($dir_handle)) 
{
	if($file=='.' || $file  '..') continue;
	$file_parts = explode('.',$file);
	$ext = strtolower(array_pop($file_parts));
	$title = implode('.',$file_parts);
	$title = htmlspecialchars($title);
	$nomargin='';
	if(in_array($ext,$allowed_types))
	{
 if(($i+1)%40) $nomargin='nomargin';
 echo '
 
'.$title.'
';
 $i++;
	}
}
closedir($dir_handle);
?>

<div class="clear"></div>
</div>
<div id="footer">
</div>
</div>

  Размер:  329,83kB | Изменен: 16.01.13 | Загрузок: 337
Бесплатные курсы

Категории: ,

Теги: , , , ,

Оцените материал:

Рейтинг: 0.0/10 (0)

Схожие по тегам статьи

КомментарииКомментарии:

    Andrew

     

    Если Вы выкладываете у себя плагин lightBox, то и ссылку на скачивание надо давать официальную, а не на какой-то левый сайт. И официальное название плагина надо в тексте статьи приводить.

    coder.hol.es /* Админ */

     

    Уважаемый Andrew, статья была переведена с иностранного сайта и ссылка, к сожалению, не сохранилась.

    Плагин для lightBox вы можете найти здесь: _http://leandrovieira.com/projects/jquery/lightbox/

    P.S. Комментарии относиться должны к самому материалу, а не к оформлению, правильности подачи и прочего.
    Вы можете либо пользоваться этой информацией, или не пользоваться – не так ли?

 

Старые →← Новые