文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>[图片 显示] 缩图循环显示(php,mysql,script)

[图片 显示] 缩图循环显示(php,mysql,script)

时间:2007-02-17  来源:PHP爱好者

这几天被这问题折腾了一下,总算可以用了.
也同时给,辛苦工作的兄弟们一个提示吧:

1. .css 增加
.shadow{filter: DropShadow(Color=#385370, OffX=1, OffY=1, Positive=1);font-size:12px; color: #FFFFFF; text-decoration: none} 
.shadow1{filter: DropShadow(Color=#CCCCCC, OffX=1, OffY=1, Positive=1);text-decoration: none}

2.php对script数组附值 
//..............读数据库相关内容 
$num = 0; 
if (file_exists($photoName)){//$photoName为图片路径,在我前一文章里,有自动生成缩图的方法 
//添加script数组 
$num = $num + 1; 
$imgUrlCanSwap[$num] = "http://www.xbcb.com/".$photoName; //图片网址
$imgLinkCanSwap[$num] = "http://www.xbcb.com/includes/show_products.php?id=".$list_values['id']; //连接的网址
$imgTextCanSwap[$num]= $list_values['name']; //标题

3.生成循环显示图片 
<script language=Javascript> <!-- 
var imgUrlCanSwap=new Array(); 
var imgLinkCanSwap=new Array(); 
var imgTextCanSwap=new Array(); 
var adNumCanSwap=0; 
<?php  
for ($i=1; $i<=$num; $i++) {//$num为2.php对script数组附值的变量 
?> 
imgLinkCanSwap[<?php echo $i;?>] ="<? echo $imgLinkCanSwap[$i];?>"; 
imgUrlCanSwap[<?php echo $i;?>] ="<? echo $imgUrlCanSwap[$i];?>"; 
imgTextCanSwap[<?php echo $i;?>] ="<? echo $imgTextCanSwap[$i];?>"; 
<? 

?> 
var imgPreCanSwap=new Array(); 
var jCanSwap=0; 
for (iCanSwap=0;iCanSwap<=imgLinkCanSwap.length - 2;iCanSwap++) { 
if(imgLinkCanSwap[iCanSwap]!="") {jCanSwap++;}  
else {break;} 

function playTranCanSwap(){ 
if (document.all) 
imgInitCanSwap.filters.revealTrans.play(); 

var keyCanSwap=0; 
function nextAdCanSwap(){ 
if(adNumCanSwap<jCanSwap)adNumCanSwap++ ; 
else adNumCanSwap=1; 

if( keyCanSwap==0 ){keyCanSwap=1;}  
else if (document.all){ 
imgInitCanSwap.filters.revealTrans.Transition=6; 
imgInitCanSwap.filters.revealTrans.apply(); 
playTranCanSwap(); 

document.images.imgInitCanSwap.src=imgUrlCanSwap[adNumCanSwap]; 
document.images.imgInitCanSwap.alt=imgTextCanSwap[adNumCanSwap]; 
jumpUrlCanSwap=imgLinkCanSwap[adNumCanSwap]; 
theTimerCanSwap=setTimeout("nextAdCanSwap()", 5000); 
if(document.all.textInitCanSwap) { 
document.all.textInitCanSwap.href = imgLinkCanSwap[adNumCanSwap]; 
document.all.textInitCanSwap.innerText = imgTextCanSwap[adNumCanSwap]; 


function goUrlInitCanSwap(){  
jumpTarget='_blank'; 
if (jumpUrlCanSwap != ''){ 
if (jumpTarget != '') window.open(jumpUrlCanSwap,jumpTarget); 
else location.href=jumpUrlCanSwap; 


//--></script> 
<A onclick="javascript:goUrlInitCanSwap();return false;" href="#"><IMG style="FILTER: revealTrans(duration=2,transition=6)" src="javascript:nextAdCanSwap()"  border=0 name=imgInitCanSwap></A> 

成功运用于: http://www.xbcb.com

 C.Arthur 回复于:2005-08-16 17:19:35 沙发,顶一下
php爱好者站 http://www.phpfans.net 网页特效|网页模板
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载