Добавление лайтбокса в php?

Я запустил небольшой сайт (PHP), и я решил реализовать лайтбокс. Как это устроено:

Мой первый документ является основным для всех страниц — clear.html, где я добавил:
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" /> в голову
а также <script src="/js/lightbox.js"></script> в низ выше </body>,

Мой index.php загружает части чистых документов $sth->add(part_of_html), Так что, если вы хотите загрузить определенную страницу, нажав что-то в меню $sth-> загружает запрошенную вами страницу (упражнение. php) в «контент».

В exerc.php есть код для изображения:

$s->change("image", '<br /><a href="/folder/'.$write["image"].'" data-lightbox="Image[exercise]" title="Hello"><img src="/folder/'.$write["Image"].'" alt="Hello" /></a><br />');

И, наконец, в exerc.html для exerc.php Я хочу использовать лайтбокс, есть [-image-] коробка в exercise.html,

Окончательная структура:

Index.php загружает части clear.html (с листом lightbox.css и скриптом lightbox.js)
Index.php также загружает exerc.php; который загружает exerc.html И заменяет [-image-] в exerc.html на <br /><a href="/folder/image1" data-lightbox="ImageExercise1" title="Hello"><img src="/folder/image1" alt="Hello" /></a><br />

Так что все должно быть хорошо. Но если я нажму на изображение, оно будет отображаться на той же странице, но с левой стороны (как будто css не будет работать).
Когда я попробовал это без [-image-], это сработало. Но тогда вы не можете использовать '.$write["image"].' и это должно быть использовано. Так что код для получения изображений должен быть в php, потому что есть много разных.

Почему он действует так, как будто не используется CSS, даже если я объявил это в clear.html? Нужно ли это реализовывать в php тоже? Я так не думаю, когда у меня была похожая структура index.php загружает ex.php и clear.html (с реализациями), а ex.php загружает ex.html, где находятся теги изображений?