phpcms新闻轮播图实现

首页如果有新闻的轮播图,点击图片可以进入相关的新闻。因为已经使用外部js轮播插件,所以想不修改插件进行轮播

我用的js插件是yx-rotaion插件,配合phpcms的get工具箱对新闻进行读取并抽取缩略图显示在首页轮播

主要代码如下:

<div id="news_rotation" class="yx-rotaion">
    {pc:get sql="SELECT * FROM v9_news where thumb like ‘http%‘ order by updatetime desc"  start="0" num="4" cache="3600" return="data"}
    <ul>
    {loop $data $key $val}
    <li><a href="{$val[‘url‘]}"><img src = "{$val[‘thumb‘]}" alt="{str_cut($val[‘title‘],50,‘‘)}..."/></a></li>
    {/loop}
    </ul>
    {/pc}
  </div>
<ul>

其中sql是按修改时间降序,查出所有带缩略图的新闻

注意其中红色加粗部分是由于get工具箱的sql默认加的有limit 0,20,直接不能加limit语句,只能用这种方法限制取出的数据。

这样以后只要是有缩略图的新闻就会自动显示在首页图片轮播中了。

phpcms新闻轮播图实现

时间: 2024-10-11 07:00:39

phpcms新闻轮播图实现的相关文章

硅谷新闻5--顶部新闻轮播图事件处理

重写dispatchTouchEvent,并且要在按下的时候 getParent().requestDisallowInterceptTouchEvent(true); 判断滑动方向,在X轴和Y轴滑动的绝对值谁大就是在什么方向滑动 一,竖直方向滑动 getParent().requestDisallowInterceptTouchEvent(false); 二,水平方向滑动 2.1,当滑动到ViewPager的第0个页面,并且是从左到右滑动 getParent().requestDisallow

Android——ViewPager和内部view之间的事件分发及轮播图

viewpager 在滑动的过程中是如何触发view身上的事件的,换句话说,viewpager在滑动的过程中到底是滑动的它里面的view,还是滑动的viewpager本身? 一.示例代码: 1.自定义ViewPager:MyViewPager,重新dispatchTouchEvent方法,添加一些事件处理的log信息. package com.example.viewpagerdemo; import android.content.Context; import android.support

ScrollView(2)轮播图-点击跳转

轮播图的实现就是使用的ScrollView.它具有滑动切换功能.我们在淘宝上.新闻页看到的图片可以选择滚动的都是用ScrollView实现的.在轮播图中用到的属性有:UIPageControl .UIView.UIScrollView .UITableViewDelegate.并设置为全局变量. UIPageControl *_pageControl; UIView *_headerView; UIScrollView *_headScrollView; 用Main.storyboard直接设置

轮播图点击 手势 代码

#import "HotNewsTableViewController.h" #import "HotNewsTableViewCell.h" #import "HotNews.h" #import "JudegNetWorkType.h" #import "HotNewsDetailViewController.h" #import "MJRefresh.h" #import &quo

jQuery----无缝轮播图

1.效果 2.html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/iconfont.css"> <link rel="stylesh

Android自己定义控件之轮播图控件

背景 近期要做一个轮播图的效果.网上看了几篇文章.基本上都能找到实现,效果还挺不错,可是在写的时候感觉每次都要单独去又一次在Activity里写一堆代码.于是自己封装了一下.这里仅仅是做了下封装成一个控件,不必每次反复写代码了. 效果图 实现分析 轮播图的功能就是实现左右滑动的广告.图片信息展示,那我们就用ViewPager来实现,由于考虑到用户体验,我们还须要在以下加一个指示器来标示滑动到了第几张轮播图.指示器我们能够用一个线性布局来依据要展示的轮播图设置显示的View,我们要做这种一个控件没

CSS-用伪类制作小箭头(轮播图的左右切换btn)

先上学习地址:http://www.htmleaf.com/Demo/201610234136.html 作者对轮播图左右按钮的处理方法一改往常,不是简单地用btn.prev+btn.next的图片代替,而是用纯css制作. 第一个是left按钮,即prev: .vmc-arrow-left:after { content: "\e079"; } 第二个是right按钮的,也就是next下一张的按钮: .vmc-arrow-right:after { content: "\e

Jquery 实现轮播图

jq 轮播图 function banner_show(){ var left_btn = $("#banner_tag_left"); //获取左侧单击按钮 var right_btn = $("#banner_tag_right"); //获取右侧点击按钮 var Owidth = $("#banner ul li").width(); //获取单个图片宽度 var Oindex = $("#banner ul li");

js实现轮播图效果(附源码)--原生js的应用

1.js实现轮播图效果 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Author" content="奇客艺术"> <meta name="keyword" content="关键字"> <meta name=