Javascript 在动态php页面中使用lightbox_Javascript_Php_Jquery_Html_Css

Javascript 在动态php页面中使用lightbox

javascript php jquery html css

Javascript 在动态php页面中使用lightbox,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,嗨，我创建了一个php页面，可以从文件夹中动态读取图像，并将它们放在gallery的某个页面中。但是我不能使用链接的css文件，我必须在中使用所有css，但这不是真正的问题，问题是我不能在单独的script.js文件中使用jQuery。第二个问题是我想用lightbox来查看图像，但那不行。以下是php代码： $folder = 'images/shirini/'; $filetype = '*.jpg'; $files = glob($folder.$filetype); $count =

嗨，我创建了一个php页面，可以从文件夹中动态读取图像，并将它们放在gallery的某个页面中。但是我不能使用链接的css文件，我必须在中使用所有css，但这不是真正的问题，问题是我不能在单独的script.js文件中使用jQuery。第二个问题是我想用lightbox来查看图像，但那不行。以下是php代码：

$folder = 'images/shirini/';
$filetype = '*.jpg';
$files = glob($folder.$filetype);
$count = count($files);

$sortedArray = array();
for ($i = 0; $i < $count; $i++) {
$sortedArray[date ('YmdHis', filemtime($files[$i]))] = $files[$i];
}
$i =1;
$n = 1;

krsort($sortedArray);
echo '<div class=\"total\">';
foreach ($sortedArray as &$filename) {

echo '<a href="#img'.$n.'"><img src="'.$filename.'" /></a>';
echo '<a href="#" class=\"lightbox\" id=\"#img'.$n.'\"><img src="'.$filename.'"/ </a>';

$i += 1;

$n += 1;

while($i === 7) {
        echo '<br>';
    $i=1;
}
};

echo '</div>';

有人知道如何使用lightbox、jquery或链接CSS的html吗

如果我理解正确，谢谢你

为什么不创建单独的文件，只包含php脚本呢？因此，在您的情况下，我可能会这样做（如果您希望将发布的php也分开）

创建
-gallery.php
-style.css
-gallery-images.php

您的gallery-images.php将包含上面粘贴的php代码

style.css将包含您发布的css

您的gallery.php看起来像：

<!doctype html>
 <html lang="en">
  <head>
   <meta charset="UTF-8">
   <title>My gallery</title>
   <link rel="stylesheet" href="/path/to/your/style.css">
  </head>
  <body>

  <?php include('gallery-images.php'); ?>  

  <script src="/path/to/jquery.js">
  <script src="/path/to/lightbox.js">
  </body>
 </html>


我的画廊

这样，您就可以在gallery.php中使用所需的任何css/脚本

这有用吗

<!doctype html>
 <html lang="en">
  <head>
   <meta charset="UTF-8">
   <title>My gallery</title>
   <link rel="stylesheet" href="/path/to/your/style.css">
  </head>
  <body>

  <?php include('gallery-images.php'); ?>  

  <script src="/path/to/jquery.js">
  <script src="/path/to/lightbox.js">
  </body>
 </html>