当前位置:96看吧 > 实用代码 > 相册代码 > 相册展馆效果的jQuery焦点图

相册展馆效果的jQuery焦点图

时间:2013/06/30
作者:tympanus.net
来源:tympanus.net
查看:

该焦点图适合相册展览或展馆网站使用,该jquery焦点图具有左右滚动与倒影效果,是jQuery与CSS3结合实现的。当然也是老外设计的,在FF浏览器或新版IE下查看极佳,在IE兼容模式在效果差异大。老外估计放弃了对老版IE的支持。96看吧提供。

英文原版:http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/

提醒大家在本地调试时注意,该jQuery焦点图使用有php脚本。(尽量在本地支持php环境下调试效果):

  1. <?php  
  2. $location   = 'albums';  
  3. $album_name = $_GET['album_name'];  
  4. $files      = glob($location . '/' . $album_name . '/*.{jpg,gif,png}', GLOB_BRACE);  
  5. $encoded    = json_encode($files);  
  6. echo $encoded;  
  7. unset($encoded);  
  8. ?> 

 

上一篇:jQuery幻灯片桌面相册代码特效
下一篇:全屏马赛克效果相册jQuery焦点图
演示地址
Demo
下载地址
Down
页面举报
Report
关闭页面
Close
收藏页面
Favorites
分享页面
Share
版权信息:栏目内,站内会员所分享的全部“资源/素材/文章”,仅供学习与参考,版权为原作者所有。
下载提示:非注册用户每天可下载一个文件,已注册会员不受限制。
网友评论
数据载入中
验证码
  • 请您注意:
  • ·请不要在评论中含与内容无关的广告链接。
  • ·不良评论请用报告管理员,以利管理员及时删除。
  • ·遵守中华人民共和国的各项有关法律法规
  • ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • ·本站管理人员有权保留或删除评论中的任意内容
  • ·您在本站发表的作品,本站有权在网站内转载或引用
  • ·参与本评论即表明您已经阅读并接受上述条款
相关最新
相关热门