Форум программистов, компьютерный форум, киберфорум
PHP для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
http://jokenews.ru/
 Аватар для 6stprod
10 / 10 / 7
Регистрация: 07.02.2013
Сообщений: 179

PHP галерея и хтмл элемент

01.12.2014, 20:27. Показов 865. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть скрипт галереи,который достает из папки все фото и выводит на экран,


PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<?php
 
$directory = 'gallery/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)%4==0) $nomargin='nomargin';
    
        echo '
        <div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat 50% 50%;">
        <a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a>
        </div>';
        
        $i++;
    }
}
 
closedir($dir_handle);
 
?>






так же есть див -


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  
 <div id="Grid" class="project-wrapper projects">
            <div class="project type1">
                <figure>
                
ТУТ КАРТИНКА
 
                </figure>
                <div class="hover">
                  <div class="hover-content">
                    <a href="#"><span class="livicon" data-name="eye-open" data-onparent="true" data-size="30"></span></a>
                  </div>
                </div>
             </div>         
 </div>

Этот див служит фильтром по категориям - если тут <div class="project type1"> изменить тип 2.3.4 и тд.. по кол-ву категорий, он отфильтровывает изображения...

Я сделал три папки , по одной на каждую категорию, и пытаюсь приинклудить это файл(одной категории) к диву чтобы все фото из папки относились к этому диву и соответственно к одной категории, но не получается собразить, подскажите пожалуйста

Добавлено через 18 минут
Дополню, я не понимаю как в этот див впихнуть по одной картинке из подгружаемого скрипта, чтобы каждая картинка, которую он вытаскивает из папки была в этом диве

Добавлено через 29 минут
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<?php
 
$directory = 'gallery/photostud/';
 
$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)%4==0) $nomargin='nomargin';
    
        echo '
        
        <div id="Grid" class="project-wrapper projects">
            <div class="project type1">
                <figure>
                
                
                <div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat 50% 50%;">
                <a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a>
                </div>
 
  
                </figure>
                <div class="hover">
                  <div class="hover-content">
                 <a class="example-image-link" href="'.$directory.'/'.$file.'" data-lightbox="example-2">
                 <span class="livicon" data-name="eye-open" data-onparent="true" data-size="30"></span>
                 </a>
 
                  </div>
                </div>
             </div>
         </div>';
        
        $i++;
    }
}
 
closedir($dir_handle);
 
?>

Получилось!.... Но картинки теперь не разбросаны по всей странице, а выстроились вряд к низу страницы, как исправить?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
01.12.2014, 20:27
Ответы с готовыми решениями:

Галерея php
Подскажите, пожалуйста, как добавить описание под каждой фотографией?

Галерея на php
Хочу сделать фотогалерею. Нужен скрипт который сжимает фото. Допустим загружаемая фотка 1024х768, а после обработки скрипта она становилась...

галерея на php
Подскажите,как код галереи на php вставить на джумлу?Куда его прописывать...

2
http://jokenews.ru/
 Аватар для 6stprod
10 / 10 / 7
Регистрация: 07.02.2013
Сообщений: 179
01.12.2014, 21:21  [ТС]
Тему закрыть, я все понял) <div id="Grid" class="project-wrapper projects"> это надо было в тело шаблона засунуть)
0
3 / 3 / 2
Регистрация: 30.10.2014
Сообщений: 36
01.12.2014, 21:21
в css добавьте
CSS
1
2
3
.project-wrapper projects #Grid{
display: inline;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
01.12.2014, 21:21
Помогаю со студенческими работами здесь

Галерея fancybox по клику на произвольный элемент
Приветствую! Скажите, пожалуйста, что я делаю не так. Разметка: &lt;div class=&quot;b&quot;&gt; &lt;span class=&quot;c&quot;&gt; &lt;a...

хтмл редактор
Уважаемые программисты помогите пожалуйста, надо что бы в каждой строке находил определенные теги(боди, хтмл, хеад) если они написаны...

таблица в хтмл
Подскажите пожалуйста как задать ширину и высоту таблицы и ячеек так, чтобы ширина таблицы уменьшалась и увеличивалась при изменении...

генерация хтмл
Не выводится толщина таблицы,и текст не воспринимает атрибут vertical-align:bottom. &lt;div class=&quot;okno&quot;...

Скрытие хтмл кода
Здрасьте, всех с наступившим! Ну вообщем тема старая, но так как ответа не нашёл на неё , то задам вопрос здесь. Хочу скрыть сорс код,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru