`
jackleaf
  • 浏览: 9570 次
  • 性别: Icon_minigender_1
  • 来自: 南京
最近访客 更多访客>>
文章分类
社区版块
存档分类

有用的图片展示效果,最后是个异步加载网页的功能

阅读更多
很有用的效果呀。可能效果有些地方不到位,希望大家多多指出。
支持多浏览器 ie6 7 8 ff

[大家好,今天有个朋友提出了点问题,我稍微了修改,对于里面加载一个url得问题,一般的异步加载就是缓冲服务器的负担,我再里面另写了个12.html,用作异步加载的页面。
一般分页 或者产品展示 会用到异步加载,特别事产品展示 会更好的给客户 视觉上的冲击,不需要跳转到别的页面,而是把别的页面加载到当前页面。
如果还有问题,大家可以提问。也可以加我qq:547318004 ]

这个特效可以作为一部加载大图,大家可以试试,或者是异步加载信息。 有时间的话,关于异步加载信息我修改的已经上传了,如果大家有更好的做法,欢迎讨论,能力的提高就是在不断的 讨论交流 中的体现的

有哪位要做特效的,大家提供效果图,我试试能不能做,请不要误会,我只是想提高自己。
  • 大小: 154.9 KB
  • 大小: 94.5 KB
  • 大小: 73.3 KB
  • 大小: 56.8 KB
分享到:
评论
50 楼 chess295 2012-03-28  
谢谢 楼主,留个脚印!
49 楼 xiaopingmao 2010-10-22  
jackleaf 写道
进来的哥们,给我留下个脚印呀


楼主,怎么把大图片显示在弹出层里面,我放个<image /> 标签进去不行呀,请指教
48 楼 zhaoliaoyuan 2010-04-02  
先看了再说!
47 楼 zhujiuyi 2010-02-05  
看完留帖。。是一种美德!
46 楼 rancococ 2010-02-03  
效果不错,谢谢分享哈。
45 楼 jackleaf 2010-01-28  
fhjxp 写道
fhjxp 写道
正准备做一个类似的图片展示功能,正好可以用上,谢谢了

真正应用于我的项目中的时候才发现有些问题,还是转去搜索比较成熟的组件,选择了thickbox,还是这个好用的多。楼主的做东西里真正复用还是很有距离

这个只是在一个项目中做到的,而不是去做了组件,什么项目都适合,网兄台能写出更好的组件。
44 楼 fhjxp 2010-01-28  
fhjxp 写道
正准备做一个类似的图片展示功能,正好可以用上,谢谢了

真正应用于我的项目中的时候才发现有些问题,还是转去搜索比较成熟的组件,选择了thickbox,还是这个好用的多。楼主的做东西里真正复用还是很有距离
43 楼 wuqiangjun_ql 2010-01-28  
还没看,不过希望楼主继续努力!
42 楼 lanxuan 2010-01-27  
哈哈。。下载了。。还没有看。。。
41 楼 jackleaf 2010-01-27  
江南一根葱 写道
jackleaf 写道
jackleaf 写道
进来的哥们,给我留下个脚印呀
没人呀!

没人呀!

兄弟你不错呀。哈哈
40 楼 江南一根葱 2010-01-27  
jackleaf 写道
jackleaf 写道
进来的哥们,给我留下个脚印呀
没人呀!

没人呀!
39 楼 jackleaf 2010-01-27  
yose 写道
好东西~呵呵
我要了 拿来做自己的页面玩玩。。。
没意见吧

怎么会有意见了。显然没有意见
38 楼 yose 2010-01-27  
好东西~呵呵
我要了 拿来做自己的页面玩玩。。。
没意见吧
37 楼 lper 2010-01-26  
呵呵,效果不错~~~!
36 楼 fhqllt 2010-01-26  
还好,真的不错
35 楼 ampatient 2010-01-26  
效果不错,哥们儿继续努力
34 楼 peachtao 2010-01-26  
效果不错,就是未修改前的程序在火狐下无法弹出百度首页。
33 楼 jackleaf 2010-01-26  
Scenery 写道
楼主辛苦喽。

不辛苦,助人为乐是我的特长,我也就这一优点了。
32 楼 Scenery 2010-01-26  
楼主辛苦喽。
31 楼 jackleaf 2010-01-26  
一个人过 写道
很炫,很有用,做个自己的照片展示。哈哈

兄台,如果是做照片展示的话,需要用到程序方面,我提一下自己的建议给你,因为弹出的框子,我是固定的。你点击产看的肯定是大图,而大图的宽和高不都是一样的,你可以动态获取图片的宽和高赋值给那个框子,如果还要对图片做点说明什么的在高上在加个一些像素,一边说明有地方放,如果不需要说明就不需要加了。

相关推荐

    图片展示好的翻页效果

    "图片展示好的翻页效果"这一主题聚焦于如何在用户界面中实现平滑、自然且吸引人的图片翻页功能。这涉及到前端开发、用户体验设计以及视觉特效等多个方面的知识。 首先,我们来详细讨论"小图滚动点击显示大图"这一...

    PHP+Ajax点击加载更多内容 -效果好,速度快,带图片加载和跳转链接 加载最后一页更多变成文字变没记录

    通过PHP后端处理数据分页,Ajax前端异步加载,以及JavaScript动态更新DOM,实现了快速加载内容、图片和链接的功能,同时在加载到最后一页时,能够优雅地处理"加载更多"按钮,提升了整体的用户体验。对于开发者而言,...

    【目前较前卫的技术效果】三种非常好的图片展示效果

    综上所述,这三种图片展示效果都利用了现代前端技术,以增强网页的视觉表现和用户体验。jQuery的动态效果让广告和缩略图更加生动,AJAX则实现了高效、流畅的图片浏览。对于开发者来说,掌握这些技术不仅能够提升网站...

    让你震撼的图片展示javascript

    本主题“让你震撼的图片展示javascript”将深入探讨如何利用JavaScript技术创建出令人印象深刻的图片展示效果。 首先,JavaScript可以实现动态加载图片,这在处理大量图片时尤其有用。通过AJAX(异步JavaScript和...

    javascript简单图片库

    这些库通常提供丰富的功能,如图片加载、动画效果、响应式布局、懒加载、预览、缩放等,帮助开发者创建交互性强、用户体验良好的图片展示应用。本篇文章将深入探讨JavaScript图片库的关键知识点。 首先,图片库的...

    html5图片堆栈布局点击加载更多图片效果

    综上所述,HTML5图片堆栈布局结合了HTML5的语义化标签、CSS的布局技巧以及JavaScript的交互功能,提供了高效且美观的图片展示方式。通过合理的代码组织和优化策略,可以实现一个既美观又实用的图片加载更多效果,为...

    jQuery实现的简单带有关闭按钮的lightbox高亮图片展示效果.zip

    以上就是使用jQuery实现带有关闭按钮的Lightbox高亮图片展示效果的主要技术点。这个项目的代码示例(132677919808285476.js或类似文件名)会具体演示这些概念的实践应用,通过阅读和学习,可以深入理解如何将jQuery...

    让你惊讶的javascript网页效果

    这对于实现用户设置的持久化、游戏进度保存等功能非常有用,增强了网页应用的“应用程序”特性。 另外,JavaScript还有强大的DOM操作能力,可以轻松地添加、删除或修改网页上的HTML元素,构建动态的网页布局。例如...

    jquery美女无限加载瀑布流效果

    本主题聚焦于"jquery美女无限加载瀑布流效果",这是一个结合了jQuery、CSS3以及Ajax技术实现的网页动态展示方式,常见于图片分享、商品展示等应用场景。瀑布流布局以其独特的视觉体验,让用户在浏览过程中享受到类似...

    有点炫的JavaScript立体图片展示.rar

    总的来说,"有点炫的JavaScript立体图片展示"是一个结合了JavaScript、CSS3、可能还有AJAX和WebGL等技术的项目,展示了如何用JavaScript为网页添加生动有趣的互动体验。通过学习和分析这个项目,我们可以提升对...

    经典ajax.prototype.javascript实例-加载效果显示大图

    本实例主要关注如何使用Ajax.prototype来实现一个加载效果,同时展示大图的功能,这对于提升用户体验至关重要。 首先,让我们深入理解Ajax.prototype。这是一个JavaScript库,它扩展了JavaScript的内置...

    3D立体图片展示焦点图代码

    10. **调试与测试**:最后,编写3D立体图片展示焦点图代码时,开发者需要进行严格的测试,确保在不同环境和条件下的正常运行,并使用调试工具查找和修复可能的错误。 综上所述,3D立体图片展示焦点图代码涉及到多...

    jquery图片展示

    首先,`style.css`是项目的样式表文件,它包含了定义图片展示效果的CSS规则。CSS(层叠样式表)用于控制网页元素的外观,包括图片的尺寸、位置、边框、阴影等。在这个项目中,可能有针对图片的类选择器,如`.img-...

    demo(实现查看图片放到功能,并且可以左右滑动).zip

    在IT行业中,开发一款能够有效展示和...开发者可以参考这个实现,根据自己的需求进行定制和扩展,以适应各种图片展示场景。无论是在移动应用还是网页端,这种功能都可以提升用户体验,让用户更加便捷地享受视觉盛宴。

    基于java开发的图片展示(瀑布流布局)

    在IT行业中,瀑布流布局是一种常见的网页和应用界面设计方式,尤其在图片展示场景下非常流行。这种布局方式模仿了瀑布下降的效果,使得图片能够自上而下、左对齐地排列,每列高度不固定,新行会在上一行最后一个元素...

    js图片轮播、切换效果3

    综上所述,“js图片轮播、切换效果3”涵盖了JavaScript基础、DOM操作、CSS动画、事件监听等多个方面,通过学习和理解这些知识,你可以构建出更加丰富和交互性强的图片展示功能。实际应用中,可以根据需求选择合适的...

    html5手机触屏拖动刷新加载图片列表代码

    这种技术主要用于移动端网页,特别是图片展示类应用,如相册、画廊或商品展示等,它能提供类似原生应用的用户体验。 1. **HTML5的新特性** HTML5引入了许多新元素和API,如`&lt;article&gt;`、`&lt;section&gt;`、`&lt;header&gt;`、...

    jquery实现图片浏览类似qq空间图片查看

    接着,层叠样式表(CSS)和JavaScript的结合用于实现图片的展示效果。layer.min.js是一个轻量级的弹出层插件,它可以创建各种类型的弹出层,如提示框、对话框、iframe等。在这个图片浏览插件中,layer可能被用来创建...

    京东产品展示效果制作

    "京东产品展示效果制作"这个项目就是针对京东网站的商品展示效果进行的一种模仿和优化,旨在为用户提供更佳的浏览体验。在这个项目中,主要涉及到的技术有CSS(层叠样式表)用于样式设计,JavaScript用于交互功能,...

    滑动翻页的图片效果

    滑动翻页的图片效果是一种常见的用户界面设计,通常用于展示多张图片或者内容卡片,让用户通过滑动手势实现平滑地从一张图片过渡到下一张。这种效果在移动应用、网页设计以及数字媒体中非常常见,能提供流畅且直观的...

Global site tag (gtag.js) - Google Analytics