这是我用php编写的代码,用引导程序在页面中显示图像;它工作正常,但我想添加与引导弹出图像
这是我在php中用Bootstrap编写的代码,用于在保存在文件夹中的页面中显示图像。它工作正常,但我想用Bootstrap添加弹出图像。像引导模式。是否有任何建议或可能是如何做的代码。。。!!谢谢这是我用php编写的代码,用引导程序在页面中显示图像;它工作正常,但我想添加与引导弹出图像,php,twitter-bootstrap,Php,Twitter Bootstrap,这是我在php中用Bootstrap编写的代码,用于在保存在文件夹中的页面中显示图像。它工作正常,但我想用Bootstrap添加弹出图像。像引导模式。是否有任何建议或可能是如何做的代码。。。!!谢谢 <?php $path = 'images/gallery/'; // Create initial "Folders" array $filetype = '*.*'; $_POST['type']='all'; if($_POST['type']!='al
<?php
$path = 'images/gallery/'; // Create initial "Folders" array
$filetype = '*.*';
$_POST['type']='all';
if($_POST['type']!='all'){
$classloop[] = $_POST['type'];
$folders[]=ucfirst($_POST['type']);
$start=0;
$foldercount = count($folders)-1;
}else{
if ($dir = opendir($path)) {
$j = 0;
while (($file = readdir($dir)) !== false) {
if ($file != '.' && $file != '..' && is_dir($path.$file)) {
$j++;
$folders[$j] = $file;
}
}
}
$classloop = array("","","resort","envato");
$start=1;
$foldercount = count($folders);
}
for ($i = $start; $i <= $foldercount ; $i++){
$folderpath = $path.$folders[$i];
$images = glob($folderpath."/".$filetype);
$count = count($images);
if($count>0){
for ($j = 0; $j < $count; $j++) {?>
<?php
$z = $j%3;
echo '<div class="'.$folders[$i].' photo-item hover test" style="float:left;position:unset !important;">';
echo '<a href="'.$images[$j].'" class="image-box">';
echo '<div class="photo">';
echo '<span class="text"><span class="anchor"></span></span>';
echo '</div>';
echo '<img src="'.$images[$j].'" alt="" width="260" height="170"/>';
echo ' </a></div>';
echo '<div class="col-md-4 col-sm-4 col-xs-6"><a href="#" class="gphoto">';
echo '<img src="images/delux.jpg" class="img-responsive" alt="" />';
echo '</a></div>';
}
}else{
echo '<div align="center" style="width: 100%;">No image(s) found</div>'
}
}
?>
以下是我的html代码:
<section id="content-area">
<div class="container">
<div class="inner-content">
<h3>Photo Gallery</h3>
<ul id="categories">
<li>
<a href="javascript:void(0);" data-filter=".beach" onClick="makeCall1('Resort');" class="Resort active">name1</a>
</li>
<li class="rooms">
<a href="javascript:void(0);" data-filter=".beach" onClick="makeCall1('Rooms');" class="Rooms">name2</a>
</li>
<li>
<a href="javascript:void(0);" data-filter=".beach" onClick="makeCall1('Dinning');" class="Dinning">name3</a>
</li>
<li>
<a href="javascript:void(0);" data-filter=".beach" onClick="makeCall1('Swiming-Pool');" class="Swiming-Pool">name4</a>
</li>
<li class="last">
<a href="javascript:void(0);" data-filter=".beach" onClick="makeCall1('all');" class="all">View all</a>
</li>
</ul>
<div class="row gallery">
<div class="col-md-4 col-sm-4 col-xs-6"><a href="#" class="gphoto"><img src="images/delux.jpg" class="img-responsive" alt="" /></a></div>
<div class="col-md-4 col-sm-4 col-xs-6"><a href="#" class="gphoto"><img src="images/delux.jpg" class="img-responsive" alt="" /></a></div>
<div class="col-md-4 col-sm-4 col-xs-6"><a href="#" class="gphoto"><img src="images/delux.jpg" class="img-responsive" alt="" /></a></div>
<div class="col-md-4 col-sm-4 col-xs-6"><a href="#" class="gphoto"><img src="images/delux.jpg" class="img-responsive" alt="" /></a></div>
<div class="col-md-4 col-sm-4 col-xs-6"><a href="#" class="gphoto"><img src="images/delux.jpg" class="img-responsive" alt="" /></a></div>
<div class="col-md-4 col-sm-4 col-xs-6"><a href="#" class="gphoto"><img src="images/delux.jpg" class="img-responsive" alt="" /></a></div>
</div>
</div>
</div>
</section>
照片库
-
-
-
-
-
您的代码无法读取。如果可能的话,请重新格式化。你在代码中遇到了什么麻烦?请用适当的缩进格式化它。真的是不可读的代码。你能在发布前让它有一点可读性吗。没有编码标准。请添加HTML以便检查