云水论坛

标题: 类似论坛顶部banner刷新一次变一次的代码收集 [打印本页]
作者: 森森    时间: 2011-2-20 19:39
标题: 类似论坛顶部banner刷新一次变一次的代码收集

论坛顶部上的图片，假如我设置了几张图片，希望能实现刷新一次自动随即变一次。

 

想把这些随即变换的图片作为论坛顶部的logo。
    每当刷新一次，logo就变一次，这样要怎么做才能实现呢？

--------------------------------------------

 

  1. <SCRIPT Language="JavaScript">
  2. <!--
  3. var imgMax = 9;
  4. var imgRand = Math.floor(Math.random() * imgMax);
  5. if(imgRand == 0) document.write('<IMG SRC="{IMGDIR}/bottom1.jpg" BORDER=0>');
  6. else if(imgRand == 1) document.write('<IMG SRC="{IMGDIR}/bottom2.jpg" BORDER=0>');
  7. else if(imgRand == 2) document.write('<IMG SRC="{IMGDIR}/bottom3.jpg" BORDER=0>');
  8. else if(imgRand == 3) document.write('<IMG SRC="{IMGDIR}/bottom4.jpg" BORDER=0>');
  9. else if(imgRand == 4) document.write('<IMG SRC="{IMGDIR}/bottom5.jpg" BORDER=0>');
  10. else if(imgRand == 5) document.write('<IMG SRC="{IMGDIR}/bottom6.jpg" BORDER=0>');
  11. else if(imgRand == 6) document.write('<IMG SRC="{IMGDIR}/bottom7.jpg" BORDER=0>');
  12. else if(imgRand == 7) document.write('<IMG SRC="{IMGDIR}/bottom8.jpg" BORDER=0>');
  13. else if(imgRand == 8) document.write('<IMG SRC="{IMGDIR}/bottom9.jpg" BORDER=0>');
  14. //-->
  15. </SCRIPT>  
复制代码

这里设置的是9张，自己增减吧。放在你想要显示图片的地方。

 

修改你的模板文件 header.html 了。 把

  1. <a href="$indexname" title="$bbname">{BOARDLOGO}</a>
复制代码

换成那段代码就可以了。不过这样的话，以后要更换logo就不能在后台编辑了，而是修改模板代码。

另外一种方法是用一个可以随机变换图片的php小程序来代替logo。

作者: 森森    时间: 2011-2-20 19:40
这段代码保存为php格式------比如image.php

<?php
    $folder = '.';

    $extList = array();
    $extList['gif'] = 'image/gif';
    $extList['jpg'] = 'image/jpeg';
    $extList['jpeg'] = 'image/jpeg';
    $extList['png'] = 'image/png';

$img = null;

if (substr($folder,-1) != '/') {
    $folder = $folder.'/';
}


if (isset($_GET['img'])) {
    $imageInfo = pathinfo($_GET['img']);
    if (
        isset( $extList[ strtolower( $imageInfo['extension'] ) ] ) &&
        file_exists( $folder.$imageInfo['basename'] )
) {
    $img = $folder.$imageInfo['basename'];
}
} else {
    $fileList = array();
    $handle = opendir($folder);
    while ( false !== ( $file = readdir($handle) ) ) {
        $file_info = pathinfo($file);
        if (
            isset( $extList[ strtolower( $file_info['extension'] ) ] )
) {
            $fileList[] = $file;
        }
    }
    closedir($handle);


    if (count($fileList) > 0) {
        $imageNumber = time() % count($fileList);
        $img = $folder.$fileList[$imageNumber];
    }
}
if ($img!=null) {
    $imageInfo = pathinfo($img);
    $c.$extList[ $imageInfo['extension'] ];
    header ($contentType);
    readfile($img);
} else {
    if ( function_exists('imagecreate') ) {
        header ("Content-type: image/png");
        $im = @imagecreate (100, 100)
            or die ("Cannot initialize new GD image stream");
        $background_color = imagecolorallocate ($im, 255, 255, 255);
        $text_color = imagecolorallocate ($im, 0,0,0);
        imagestring ($im, 2, 5, 5, "IMAGE ERROR", $text_color);
        imagepng ($im);
        imagedestroy($im);
    }
}
?>

然后建立一个文件夹 把你的图片和image.php放在一块就行

乱序图片的连接代码是
<img src=http:.........../文件夹/image.php>
不行的话
用<img src=http:.........../文件夹/image.php#.gif>


示例:
http://www.dianchezhijia.com/yangche/image.php




欢迎光临 云水论坛 (http://www.yunshui.net/) Powered by Discuz! X2.5