首页 > 其他分享 >禅知使用经验

禅知使用经验

时间:2023-03-22 10:35:49浏览次数:34  
标签:经验 自定义 禅知 js color jMyCarousel 使用 区块 red


[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不可见里面。


标签:经验,自定义,禅知,js,color,jMyCarousel,使用,区块,red
From: https://blog.51cto.com/u_3871599/6142189

相关文章