添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 图文相册 >

PrettyPhoto图片左右平滑滚动展示

时间:2015-03-14      来源:互联网     
特效说明:
一款PrettyPhoto图片左右平滑滚动展示网页特效,该特效代码基于jquery的轻量级的lightbox图片特效脚本,它不仅支持图片,还同时支持视频、flash、 YouTube、iframe和ajax。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/prettyPhoto.css" rel="stylesheet" />

2、调用JS插件代码:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/ke.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、初始化JS代码:
<script type="text/javascript">
$(document).ready(function(){    
    $("area[rel^='prettyPhoto']").prettyPhoto();
    $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
})
</script>
相关特效
  • 点击导航菜单跳转到指定位置特效

    点击导航菜单跳转到指定位置特效

    一款点击导航菜单跳转到指定位置特效源码下载,实现点击栏目,滑动到页面固定的位置的特效代码,本段代码适应于所有网页使用,兼容目前最新的各类主流浏览器,是一款非常优秀的JS特效……
    2016-06-19
  • jQuery制作多图相册框里的图片随鼠标移动预览特效

    jQuery制作多图相册框里的图片随鼠标移动预览特效

    一款jQuery制作多图相册框里的图片随鼠标移动预览特效,带左右按钮切换上一张、下一张图片,随鼠标上下移动预览图片特效免费下载。……
    2016-05-22
  • SuperSlide带左右按钮循环自动滑动焦点图

    SuperSlide带左右按钮循环自动滑动焦点图

    一款SuperSlide带左右按钮循环自动滑动焦点图网页特效,带左右按钮,自动轮播及点击按钮切换焦点图,目前使用最频繁最简单JS焦点图代码。……
    2015-12-14
  • jQuery带视频播器放功能焦点图轮播特效

    jQuery带视频播器放功能焦点图轮播特效

    一款jQuery带视频播器放功能焦点图轮播特效下载,jquery+flash交互式媒体播放器是一款带左右按钮、索引按钮焦点图片点击jwplayer网页视频播放代码下载。……
    2015-08-20
  • jQuery左右按钮控制图片切换焦点图

    jQuery左右按钮控制图片切换焦点图

    一款jQuery左右按钮控制图片切换焦点图特效代码,该JS代码是一款带左右箭头按钮、索引按钮、自动轮播左右平滑切换的主流jQuery幻灯片特效。……
    2015-08-03
  • jQuery带表单提交响应式全屏焦点图代码

    jQuery带表单提交响应式全屏焦点图代码

    一款jQuery带表单提交响应式全屏焦点图代码免费下载,该JS焦点图代码带索引按钮、左右按钮,适合证券公司、企业网站建设等需要表单功能的响应式全屏且自动轮播幻灯片代码。……
    2015-08-03
  • jQuery自适应宽屏左右滑动焦点图代码

    jQuery自适应宽屏左右滑动焦点图代码

    一款jQuery自适应宽屏左右滑动焦点图代下载,该JS代码是酷我音乐首页jQuery焦点图代码,带左右箭头按钮,自适应宽屏左右平滑自动轮播切换的网站焦点图特效。……
    2015-08-03
  • jQuery学员列表左右滑动切换特效

    jQuery学员列表左右滑动切换特效

    一款jQuery学员列表左右滑动切换网页特效免费下载,带左右按钮学员列表UI设计效果、适用于学校、培训机构网页专题设计排版。……
    2015-07-26
  • jQuery图片淡入淡出自动切换焦点图

    jQuery图片淡入淡出自动切换焦点图

    一款jQuery图片淡入淡出自动切换焦点图特效免费下载,该JS特效代码基于jQuery编写,当鼠标放到图片区域时,停止自动切换, 鼠标移开,自动切换焦点图代码。……
    2015-05-07
  • 百度应用网站jQuery左右按钮焦点图

    百度应用网站jQuery左右按钮焦点图

    一款百度应用网站jQuery左右按钮焦点图网页特效,该JS特效代码是一款百度应用官方网站的jQuery焦点图代码,带左右按钮、鼠标滑过显示文字内容,自动轮播及点击左右按钮平滑滚动切换……
    2015-03-18

最新更新特效

设计分享