Emlog文章分类轮播图调用代码(自适应屏幕,溢出自动隐藏) - 教程经验 - 源码库资源博客

Emlog文章分类轮播图调用代码(自适应屏幕,溢出自动隐藏)

作者: 泽以

全网优秀的源码分享库

手机扫码查看

特别声明:本站提供下载的源码大部分为网络收集,使用中不提供任何帮助,如有侵权请联系!

最近看别的网站有这个轮播分类图,老好看了就想给自己站也加一个,毕竟自己站点是免费的没花钱只能自己动手了。

就是上面这个样子,最开始我直接调用发现适应不了,也不了解这个作者主题,插入后电脑端挺好的,手机看着适应但是有溢出,很头疼,强迫症导致没想明白咋回事,出去转一圈回来,突然想起来多出来部分隐藏不就好了,一个简单的css样式搞定:

轮播图调用说明

1、本次轮播图调用教程大部分适合Emlog模板,有的框架可能不适配,需要再修改代码。

2、PC端与移动端自适应、修复部分屏幕内容溢出。

教程说明

在需要调用的地方插入以下代码。有些模块不支持,本站调用在首页底部(大屏轮播上档次)

<?php include View::getView('index_1');?> 

如果有溢出的情况添加一个css样式,例:

<div style="overflow:hidden"><?php include View::getView('index_1');?> </div>

这样设置后,假如DIV对象设置一定宽度高度,此时加入overflow:hidden将会隐藏超出DIV宽度高度的内容包括图片。

调用的分类ID在文件index_1.php文件的143行

 

 

其他css和轮播js代码这边也已经打包好了,自己直接下载仍模板根目录就可以。

 

文件下载

附件:轮播图调用JS+CSS文件

文件大小:10.7K

更新时间:2020/2/23

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有,若为付费资源,请在下载后24小时之内自觉删除,若作商业用途,请到原网站购买,由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!

分享到:
打赏
未经允许不得转载:

作者: 泽以, 转载或复制请以 超链接形式 并注明出处 源码库资源博客
原文地址: 《Emlog文章分类轮播图调用代码(自适应屏幕,溢出自动隐藏)》 发布于2020-2-23

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏