❶ php後台修改前台js特效圖片內容
可以從資料庫中讀取圖片信息,然後在前台頁面上存放到一個隱藏控制項中或是一個隱藏層中例如<input type="hidden" name="img" value="從資料庫中讀取到的圖片地址">
然後用JS獲取這個隱藏控制項的值就可以在每次更改數據後都能得到新的圖片信息了
❷ php通過表單上傳兩張圖片並合成(類似圖片加水印效果)
你好只能幫到你這里的
支持水印,日期,縮略圖的php多文件上傳類
<?php
//視圖表單
//支持多張圖片上傳
classupload{
var$dir;//附件存放物理目錄
var$time;//自定義文件上傳時間
var$allow_types;//允許上傳附件類型
var$field;//上傳控制項名稱
var$maxsize;//最大允許文件大小,單位為KB
var$thumb_width;//縮略圖寬度
var$thumb_height;//縮略圖高度
var$watermark_file;//水印圖片地址
var$watermark_pos;//水印位置
var$watermark_trans;//水印透明度
//構造函數
//$types:允許上傳的文件類型,$maxsize:允許大小,$field:上傳控制項名稱,$time:自定義上傳時間
functionupload($types='jpg|png',$maxsize=1024,$field='attach',$time=''){
$this->allow_types=explode('|',$types);
$this->maxsize=$maxsize*1024;
$this->field=$field;
$this->time=$time?$time:time();
}
//設置並創建文件具體存放的目錄
//$basedir:基目錄,必須為物理路徑
//$filedir:自定義子目錄,可用參數{y}、{m}、{d}
functionset_dir($basedir,$filedir=''){
$dir=$basedir;
!is_dir($dir)&&@mkdir($dir,0777);
if(!empty($filedir)){
$filedir=str_replace(array('{y}','{m}','{d}'),array(date('Y',$this->time),date('m',$this->time),date('d',$this->time)),strtolower($filedir));//用string_replace把{y}{m}{d}幾個標簽進行替換
$dirs=explode('/',$filedir);
foreach($dirsas$d){
!empty($d)&&$dir.=$d.'/';
!is_dir($dir)&&@mkdir($dir,0777);
}
}
$this->dir=$dir;
}
//圖片縮略圖設置,如果不生成縮略圖則不用設置
//$width:縮略圖寬度,$height:縮略圖高度
functionset_thumb($width=0,$height=0){
$this->thumb_width=$width;
$this->thumb_height=$height;
}
//圖片水印設置,如果不生成添加水印則不用設置
//$file:水印圖片,$pos:水印位置,$trans:水印透明度
functionset_watermark($file,$pos=6,$trans=80){
$this->watermark_file=$file;
$this->watermark_pos=$pos;
$this->watermark_trans=$trans;
}
/*—————————————————————-
執行文件上傳,處理完返回一個包含上傳成功或失敗的文件信息數組,
其中:name為文件名,上傳成功時是上傳到伺服器上的文件名,上傳失敗則是本地的文件名
dir為伺服器上存放該附件的物理路徑,上傳失敗不存在該值
size為附件大小,上傳失敗不存在該值
flag為狀態標識,1表示成功,-1表示文件類型不允許,-2表示文件大小超出
—————————————————————–*/
functionexecute(){
$files=array();//成功上傳的文件信息
$field=$this->field;
$keys=array_keys($_FILES[$field]['name']);
foreach($keysas$key){
if(!$_FILES[$field]['name'][$key])continue;
$fileext=$this->fileext($_FILES[$field]['name'][$key]);//獲取文件擴展名
$filename=date('Ymdhis',$this->time).mt_rand(10,99).'.'.$fileext;//生成文件名
$filedir=$this->dir;//附件實際存放目錄
$filesize=$_FILES[$field]['size'][$key];//文件大小
//文件類型不允許
if(!in_array($fileext,$this->allow_types)){
$files[$key]['name']=$_FILES[$field]['name'][$key];
$files[$key]['flag']=-1;
continue;
}
//文件大小超出
if($filesize>$this->maxsize){
$files[$key]['name']=$_FILES[$field]['name'][$key];
$files[$key]['name']=$filesize;
$files[$key]['flag']=-2;
continue;
}
$files[$key]['name']=$filename;
$files[$key]['dir']=$filedir;
$files[$key]['size']=$filesize;
//保存上傳文件並刪除臨時文件
if(is_uploaded_file($_FILES[$field]['tmp_name'][$key])){
move_uploaded_file($_FILES[$field]['tmp_name'][$key],$filedir.$filename);
@unlink($_FILES[$field]['tmp_name'][$key]);
$files[$key]['flag']=1;
//對圖片進行加水印和生成縮略圖,這里演示只支持jpg和png(gif生成的話會沒了幀的)
if(in_array($fileext,array('jpg','png'))){
if($this->thumb_width){
if($this->create_thumb($filedir.$filename,$filedir.'thumb_'.$filename)){
$files[$key]['thumb']='thumb_'.$filename;//縮略圖文件名
}
}
$this->create_watermark($filedir.$filename);
}
}
}
return$files;
}
//創建縮略圖,以相同的擴展名生成縮略圖
//$src_file:來源圖像路徑,$thumb_file:縮略圖路徑
functioncreate_thumb($src_file,$thumb_file){
$t_width=$this->thumb_width;
$t_height=$this->thumb_height;
if(!file_exists($src_file))returnfalse;
$src_info=getImageSize($src_file);
//如果來源圖像小於或等於縮略圖則拷貝源圖像作為縮略圖,免去操作
if($src_info[0]<=$t_width&&$src_info[1]<=$t_height){
if(!($src_file,$thumb_file)){
returnfalse;
}
returntrue;
}
//按比例計算縮略圖大小
if(($src_info[0]-$t_width)>($src_info[1]-$t_height)){
$t_height=($t_width/$src_info[0])*$src_info[1];
}else{
$t_width=($t_height/$src_info[1])*$src_info[0];
}
//取得文件擴展名
$fileext=$this->fileext($src_file);
switch($fileext){
case'jpg':
$src_img=ImageCreateFromJPEG($src_file);break;
case'png':
$src_img=ImageCreateFromPNG($src_file);break;
case'gif':
$src_img=ImageCreateFromGIF($src_file);break;
}
//創建一個真彩色的縮略圖像
$thumb_img=@ImageCreateTrueColor($t_width,$t_height);
//ImageCopyResampled函數拷貝的圖像平滑度較好,優先考慮
if(function_exists('imageresampled')){
@ImageCopyResampled($thumb_img,$src_img,0,0,0,0,$t_width,$t_height,$src_info[0],$src_info[1]);
}else{
@ImageCopyResized($thumb_img,$src_img,0,0,0,0,$t_width,$t_height,$src_info[0],$src_info[1]);
}
//生成縮略圖
switch($fileext){
case'jpg':
ImageJPEG($thumb_img,$thumb_file);break;
case'gif':
ImageGIF($thumb_img,$thumb_file);break;
case'png':
ImagePNG($thumb_img,$thumb_file);break;
}
//銷毀臨時圖像
@ImageDestroy($src_img);
@ImageDestroy($thumb_img);
returntrue;
}
//為圖片添加水印
//$file:要添加水印的文件
functioncreate_watermark($file){
//文件不存在則返回
if(!file_exists($this->watermark_file)||!file_exists($file))return;
if(!function_exists('getImageSize'))return;
//檢查GD支持的文件類型
$gd_allow_types=array();
if(function_exists('ImageCreateFromGIF'))$gd_allow_types['image/gif']='ImageCreateFromGIF';
if(function_exists('ImageCreateFromPNG'))$gd_allow_types['image/png']='ImageCreateFromPNG';
if(function_exists('ImageCreateFromJPEG'))$gd_allow_types['image/jpeg']='ImageCreateFromJPEG';
//獲取文件信息
$fileinfo=getImageSize($file);
$wminfo=getImageSize($this->watermark_file);
if($fileinfo[0]<$wminfo[0]||$fileinfo[1]<$wminfo[1])return;
if(array_key_exists($fileinfo['mime'],$gd_allow_types)){
if(array_key_exists($wminfo['mime'],$gd_allow_types)){
//從文件創建圖像
$temp=$gd_allow_types[$fileinfo['mime']]($file);
$temp_wm=$gd_allow_types[$wminfo['mime']]($this->watermark_file);
//水印位置
switch($this->watermark_pos){
case1://頂部居左
$dst_x=0;$dst_y=0;break;
case2://頂部居中
$dst_x=($fileinfo[0]-$wminfo[0])/2;$dst_y=0;break;
case3://頂部居右
$dst_x=$fileinfo[0];$dst_y=0;break;
case4://底部居左
$dst_x=0;$dst_y=$fileinfo[1];break;
case5://底部居中
$dst_x=($fileinfo[0]-$wminfo[0])/2;$dst_y=$fileinfo[1];break;
case6://底部居右
$dst_x=$fileinfo[0]-$wminfo[0];$dst_y=$fileinfo[1]-$wminfo[1];break;
default://隨機
$dst_x=mt_rand(0,$fileinfo[0]-$wminfo[0]);$dst_y=mt_rand(0,$fileinfo[1]-$wminfo[1]);
}
if(function_exists('ImageAlphaBlending'))ImageAlphaBlending($temp_wm,True);//設定圖像的混色模式
if(function_exists('ImageSaveAlpha'))ImageSaveAlpha($temp_wm,True);//保存完整的alpha通道信息
//為圖像添加水印
if(function_exists('imageCopyMerge')){
ImageCopyMerge($temp,$temp_wm,$dst_x,$dst_y,0,0,$wminfo[0],$wminfo[1],$this->watermark_trans);
}else{
ImageCopyMerge($temp,$temp_wm,$dst_x,$dst_y,0,0,$wminfo[0],$wminfo[1]);
}
//保存圖片
switch($fileinfo['mime']){
case'image/jpeg':
@imageJPEG($temp,$file);
break;
case'image/png':
@imagePNG($temp,$file);
break;
case'image/gif':
@imageGIF($temp,$file);
break;
}
//銷毀零時圖像
@imageDestroy($temp);
@imageDestroy($temp_wm);
}
}
}
//獲取文件擴展名
functionfileext($filename){
returnstrtolower(substr(strrchr($filename,'.'),1,10));
}
}
?>
❸ 這樣的先模糊後清楚的圖片PHP怎麼處理的 - PHP進階討論
使用png格式生成的圖片,就有這個效果.這是png格式所有的特效,和php無關.而且這功能要在png格式支持良好的閱覽器上才會現實效果.如果是ie6的話,也是要圖片完全載入才能看得見.如果是firefox或者opera等閱覽器,就會有個\"模糊變清晰\"的過程.
❹ php 網頁製作 圖片輪播
這是前台的事,不用php 用jq
http://tympanus.net/codrops/
http://reeoo.com/
很多網站都有類似的效果 可以模仿下
❺ PHP怎樣做出百度圖片詳細頁的效果需要什麼代碼
jqrery可滿足你的需求。源碼例子:http://js.mobanwang.com/demo/10483/
希望對你有所幫助!
❻ 如何用php程序實現去除圖片的馬賽克效果
這個實現不了,php能在圖片上增加水印效果,但是去掉馬賽克估計是不行的。
❼ 圖片特效,滑鼠懸停清晰,離開模糊
容易!
這是做網站的基本常識
(1)簡單方法
找一張半透明的和一張不透明的國旗,定義滑鼠經過圖像,兩張圖片來回切換.
(2)高級方法
首先找一個清晰的圖片,另外的"模糊的"圖片其實不是模糊,而是透明度降低了
然後編寫一些網頁代碼,需要專業的知識哦,其實學幾天就會了,先為flags做一個層:
<div class="flags">
裡面內容:
<a href="http://www.google.com/translate?u=www.rainlendar.net%2Fcms%2Findex.php&hl=en&ie=UTF8&sl=en&tl=ar"><img src="http://www.rainlendar.net/cms/moles/flags/arabic.GIF" title="Arabic" border="0"/> </a>
.最後定義"旗幟"這個層的樣式,保存在css--附加樣式表中,輸入這段代碼:
.flags A IMG {
FILTER: alpha(opacity=3D50); opacity: .50
}
.flags A:hover IMG {
FILTER: alpha(opacity=3D100); opacity: 1.0
}
定義了圖片在hover--滑鼠經過時變成透明度100%,正常情況下透明度50%,就ok了.
這個.flags後面加了個A,或者A:hover,就是新建css規則中的重新定義標簽中的外觀,也就是說,a和a:hover本來是鏈接和滑鼠經過的鏈接,可是由於定義在.falgs後面,就在flags這個層裡面呈現你自己定義的樣式.
解釋太多,申請加分!
❽ 如何在PHP網代碼中加入圖片滾動的效果
#indemo給的寬度是不夠的,寬度是要大於等於的demo1和demo2寬度之和。具體操作如下:
<style type="text/css">
<!--
#demo {
background: #000;
overflow:hidden;
border: 0px dashed #000;
width: 750px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<ul>
<?php echo dt_proct(8,5,10,0,0,false,null,'id')?>
</ul>
</div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=10; //數字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
❾ 用php語言,怎麼實現圖片里的效果
$n=10;
for($i=0;$i<$n;$i++){
for($j=0;$j<=$i;$j++){
if($j==0||$i==$j){
$arr[$i][$j]=1;
}else {
$arr[$i][$j]=$arr[$i-1][$j]+$arr[$i-1][$j-1];
}
echo $arr[$i][$j]."\t";
}
echo "<br>";
}
看代碼
❿ PHP滑鼠移到文字或圖片上會出現其他圖片的效果
你可以參考一下html mod手冊
onmouseenter 事件在滑鼠指針移動到元素上時觸發。
提示: 該事件通常與 onmouseleave 事件一同使用, 在滑鼠指針移出元素上時觸發。