• 软件测试技术
  • 软件测试博客
  • 软件测试视频
  • 开源软件测试技术
  • 软件测试论坛
  • 软件测试沙龙
  • 软件测试资料下载
  • 软件测试杂志
  • 软件测试人才招聘
    暂时没有公告

字号: | 推荐给好友 上一篇 | 下一篇

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

发布: 2007-7-01 15:06 | 作者: admin | 来源: | 查看: 14次 | 进入软件测试论坛讨论

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

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> 

延伸阅读

文章来源于领测软件测试网 https://www.ltesting.net/


关于领测软件测试网 | 领测软件测试网合作伙伴 | 广告服务 | 投稿指南 | 联系我们 | 网站地图 | 友情链接
版权所有(C) 2003-2010 TestAge(领测软件测试网)|领测国际科技(北京)有限公司|软件测试工程师培训网 All Rights Reserved
北京市海淀区中关村南大街9号北京理工科技大厦1402室 京ICP备10010545号-5
技术支持和业务联系:info@testage.com.cn 电话:010-51297073

软件测试 | 领测国际ISTQBISTQB官网TMMiTMMi认证国际软件测试工程师认证领测软件测试网