禅知使用经验

最新推荐文章于 2024-09-20 06:12:45 发布

不净之心

最新推荐文章于 2024-09-20 06:12:45 发布

阅读量268

点赞数

分类专栏：开源应用前台&美工文章标签： php 数据库 javascript ViewUI

本文链接：https://blog.csdn.net/pyzheng/article/details/84762110

版权

开源应用同时被 2 个专栏收录

156 篇文章 0 订阅

订阅专栏

前台&美工

118 篇文章 1 订阅

订阅专栏

[color=red][b]1. 增加自定义区块，包含插件。[/b][/color]
使用 [url]http://www.enova-tech.net/jmycarousel[/url] 这个画廊，去官方下载源码。然后上传到js/jMyCarousel/文件夹。
增加一个html区块，如果使用php，那么请使用php的获得地址的一些变量：

<?php echo $_SERVER ['HTTP_HOST']; //  获得域名
echo '<pre>';
print_r($_SERVER);  //查看所有变量
echo '</pre>';
?>

定义html

<link rel="stylesheet" type="text/css" href="js/jMyCarousel/examples/carousel_css/example1.css" />
<script type="text/javascript" src="js/jMyCarousel/jMyCarousel.js"></script>
<div style="border:1px solid red">
    <div class="jMyCarousel">
        <ul>
            <li><img src="js/jMyCarousel/examples/carousel_img/1/1.jpg" width="200" height="150"></li>
     		<li><img src="js/jMyCarousel/examples/carousel_img/1/3.jpg" width="200" height="150"></li>
            <li><img src="js/jMyCarousel/examples/carousel_img/1/4.jpg" width="200" height="150"></li>
            <li><img src="js/jMyCarousel/examples/carousel_img/1/5.jpg" width="200" height="150"></li>
            <li><img src="js/jMyCarousel/examples/carousel_img/1/6.jpg" width="200" height="150"></li>
            <li><img src="js/jMyCarousel/examples/carousel_img/1/7.jpg" width="200" height="150"></li>
            <li><img src="js/jMyCarousel/examples/carousel_img/1/8.jpg" width="200" height="150"></li>
            <li><img src="js/jMyCarousel/examples/carousel_img/1/9.jpg" width="200" height="150"></li>
      </ul>
    </div>
</div>

定义js

$(function() {
		    $('.jMyCarousel').jMyCarousel({  //只能用单引号，双引号有问题。
		        visible: '100%'
		    });
		});

然后到可视化那里去添加这个区块就好。

[img]http://dl2.iteye.com/upload/attachment/0114/6505/a9bd062b-88ef-3396-9de1-2e619c801cd6.jpg[/img]

[b][color=red]2. 从素材中拿图片去做幻灯片，地址不正确，无法显示。[/color][/b]，直接上传是没问题的。

[b][color=red]3. 修改数据库链接[/color][/b]
修改下zentao/config/my.php里面的数据库服务器，将localhost改成127.0.0.1。

[color=red][b]4. 自定义全局样式[/b][/color]
创建一个自定义区块，然后输入css和js等。最后在界面-布局-Header不可见里面。