会python真的可以为所欲为0(回)
379天前
这里还有人吗1(回)
564天前这里还有人吗0(回)
564天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
789天前到处都是羊，不想上班0(回)
869天前
鸽子
0(回)
873天前
css3 灯箱画廊（支持拖拽）.rar(免费下载)[2 次下载]<?php |
// Hiding notices: |
error_reporting(E_ALL^E_NOTICE); |
?> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
<title>An Awesome CSS3 Lightbox Gallery With jQuery | Tutorialzine demo</title> |
<link rel="stylesheet" type="text/css" href="demo.css" /> |
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-darkness/jquery-ui.css" type="text/css" media="all" /> |
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.2.6.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="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> |
<script type="text/javascript" src="fancybox/jquery.fancybox-1.2.6.pack.js"></script> |
<script type="text/javascript" src="script.js"></script> |
</head> |
<body> |
<div id="main"> |
<p id="orig">View the <a href="http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/" target="_blank">original tutorial »</a></p> |
<h1>An Awesome CSS3 Lightbox Gallery</h1> |
<h2>Drag the pics around to share them</h2> |
<hr /> |
<div id="gallery"> |
|
<?php |
/* Configuration Start */ |
$thumb_directory = 'img/thumbs'; |
$orig_directory = 'img/original'; |
$stage_width=600; // How big is the area the images are scattered on |
$stage_height=400; |
/* Configuration end */ |
$allowed_types=array('jpg','jpeg','gif','png'); |
$file_parts=array(); |
$ext=''; |
$title=''; |
$i=0; |
/* Opening the thumbnail directory and looping through all the thumbs: */ |
$dir_handle = @opendir($thumb_directory) or die("There is an error with your image directory!"); |
$i=1; |
while ($file = readdir($dir_handle)) |
{ |
/* Skipping the system files: */ |
if($file=='.' || $file == '..') continue; |
|
$file_parts = explode('.',$file); |
$ext = strtolower(array_pop($file_parts)); |
/* Using the file name (withouth the extension) as a image title: */ |
$title = implode('.',$file_parts); |
$title = htmlspecialchars($title); |
/* If the file extension is allowed: */ |
if(in_array($ext,$allowed_types)) |
{ |
/* Generating random values for the position and rotation: */ |
$left=rand(0,$stage_width); |
$top=rand(0,400); |
$rot = rand(-40,40); |
|
if($top>$stage_height-130 && $left > $stage_width-230) |
{ |
/* Prevent the images from hiding the drop box */ |
$top-=120+130; |
$left-=230; |
} |
|
/* Outputting each image: */ |
|
echo ' |
<div id="pic-'.($i++).'" class="pic" style="top:'.$top.'px;left:'.$left.'px;background:url('.$thumb_directory.'/'.$file.') no-repeat 50% 50%; -moz-transform:rotate('.$rot.'deg); -webkit-transform:rotate('.$rot.'deg);"> |
<a class="fancybox" rel="fncbx" href="'.$orig_directory.'/'.$file.'" target="_blank">'.$title.'</a> |
</div>'; |
} |
} |
/* Closing the directory */ |
closedir($dir_handle); |
?> |
<div class="drop-box"> |
</div> |
|
</div> |
|
<div class="clear"></div> |
|
<div class="container tutorial-info"> |
This is a tutorialzine demo. View the <a href="http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/" target="_blank">original tutorial</a>, or download the <a href="demo.zip">source files</a>. </div> |
</div> |
<!-- This is later converted to the modal window with the url of the image: --> |
<div id="modal" title="Share this picture"> |
<form action=""> |
<fieldset> |
<label for="url">URL of the image</label> |
<input type="text" name="url" id="url" class="text ui-widget-content ui-corner-all" onfocus="this.select()" /> |
</fieldset> |
</form> |
</div> |
</body> |
</html> |
css3 灯箱画廊（支持拖拽）.rar(免费下载)[2 次下载]
