AJAX 图片展示框架56个 提升开发效率

2016-02-19 11:03 11 1 收藏

下面请跟着图老师小编一起来了解下AJAX 图片展示框架56个 提升开发效率,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - Web开发 】

动态图片展示一方面能使用AJAX或Flash实现图片数据的异步获取,减少浏览的等待时间;一方面使用JavaScript+CSS定制友好的用户体验模式,是图片展览web应用程序开发的一大利器。这里收集的框架都是经过测试可用的,描述大多是各框架主页上的介绍,来不及翻译(有些是西班牙语的 @_@),主要收集mooCicle
Allora, ho creato un piccolo javascript per creare una semplicissima galleria con effetto foto sfogliate. Avevo notato una galleria di questo genere fatta con jQuery, è mi sono chiesto quanto fosse difficile crearla per mooTools. Direi non molto.
ScreenshotjqGalViewIII (proof of concept)
A photo gallery by jQery, display the thumb image and splendid effect.
ScreenshotLive Thumbnail
Make pictures zoom in/out by a simple mouse click.
Screenshot(E)2 Photo Gallery
(E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP.
ScreenshotAJAX Slide Show
The Slide Show is a simple to use application of the Google AJAX Feed API that is designed to let you add photo slide shows to your pages, sites, and blogs. The slide show control takes photo feeds from all popular sites, such as PhotoBucket, Flickr, and Picasa Web Albums. Any feeds that use Media RSS can be used without customization. However, the slide show control allows any photo-based feed to be accomodated, such as iTunes feeds similar to those found in the Tune Bar solution or the custom feed example below.
ScreenshotjQuery Cycle Plugin
The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin
ScreenshotFlickrShow - Simple Javascript Slideshows
Flickrshow is a lightweight, cross-browser javascript slideshow, providing you with an easy way to display your Flickr images on your own website. It is simple to install and can be used to access images within Flickr groups or photosets, or using a tag-based search. The demonstration below is retrieving images from the Twenty Five photset by the very talented Limonada.
ScreenshotslideViewer
slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images
ScreenshotnoobSlide - mootools
noobSlide es una ligera "clase" escrita con la librería mootools con la que se puede construir "slides" desde simples hasta complejos, claro que para sacarle el máximo provecho necesitas aprender cómo trabajar con mootools.
ScreenshotSuckerfish HoverLightbox Redux
The Redux has a number of improvements, mostly visual, but some behavioral changes as well. Before going into detail, it's important to give due credit to those who helped make the Suckerfish HoverLightbox a possibility.
ScreenshotThickBox 2.1.1
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.
Screenshot CSS-Based Image GalleriesA Photograph Gallery
Just a simple :hover over thumbnail images to give a full size view of each photograph. With all but Opera you can also click the thumbnails to retain the image on the screen. Text can be added at the bottom of each picture. Ideal for photograph albums.
ScreenshotA simple CSS photo-album
The text numbers and images are held in an unordered list without any extra markup (no ‘ems' or 'spans' etc). The CSS just styles the text numbers so that they appears in a box and the images so that they are hidden until your visitor clicks a number square.
ScreenshotCross Browser Multi-Page Photograph Gallery
Based on Suckerfish HoverLightbox this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version is pure CSS.
ScreenshotCSS Image Gallery
This is a purely CSS based image gallery that displays larger versions of thumbnail images dynamically when the mouse hovers over them. A rich HTML caption can be added to the enlarged image, and every aspect of the Image Gallery exists as plain HTML on the page. The idea is to use CSS's “:hover” pseudo class to cause an element to react onMouseover. When that happens, an absolutely positioned container holding the enlarged image, anchored on the page by another container with position set to relative, is shown. Furthermore, it's possible to modify the behavior so the enlarged images are only shown onClick, though IE6 currently doesn't support this behavior well. The gallery works in IE6+, Firefox, Opera 8+.
ScreenshotCSS: Photo Showcase
This experiment uses CSS and basic markup to create a simple way to display photo thumbnails on your site while offering convenient fast zoom viewing, even for dialup users.
ScreenshotHoverbox Image Gallery
Basically, it's a super light-weight (8kb) roll-over photo gallery that uses nothing but CSS.
ScreenshotPhoto scroll gallery
A combination of several of my previous galleries to give a scrolling ‘thumbnail' image, a medium size image on hover and a full size image on click. The thumbnail, medium size and full size images are all the same image just resized using CSS. The thumbnails are square to make the scrolling area simpler to work with. This does make these images a little distorted but not so much that they look wrong.
ScreenshotSliding Photograph Galleries
It is just an unordered list of images that are normally compressed vertically (reduction 8:1). When you hover over one of these compressed images it expands to full size. It is based on my sliding menu system and adapted to use images. No thumbnails are required and all the images are ‘pre-loaded'.This method can be used either vertically, as shown, or horizontally.
Screenshot JavaScript + CSS-based Galleries & DHTML-GalleriesxImgGallery - Javascript Image Gallery & Slideshow
This script implements a Javascript image gallery and slideshow - all in one file.
ScreenshoteasyAlbum
A DOM photo Gallery solution that is browser friendly, keyboard friendly, bandwidth friendly and more.
ScreenshotImageGal
imagegal is a simple PHP script that will automagically create a JS/CSS/DHTML powered image gallery for you when dropped into a directory containing images. This simple script was inspired by a Jeremy Keith's article on aListApart.com.
ScreenshotHighslide JS
Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: No plugins like Flash or Java required. Popup blockers are no problem. The images expand within the active browser window.
ScreenshotSatellite
Satellite is an all in one photo gallery website that takes advantage of Yahoo Flickr's image hosting and management tools. You can upload and manage your images using Flickr and host your portfolio on your own server via Satellite.
ScreenshotDhonishow
Showing Picture Online with Javascript.
ScreenshotDropProof
DropProof is a PHP tool for simple image proofing. DropProof is designed to be lightweight and easy to setup. DropProof is released under the MIT license, making it free to download, use, distribute, and modify.
ScreenshotCSS Photo Shuffler
A Javascript + CSS replacement for Flash photo fading slideshow. Inspired by Richard Rutter's image fade demonstration.
Screenshot

来源:http://www.tulaoshi.com/n/20160219/1596421.html

延伸阅读
标签: 丰胸 自然丰胸
?乳沟,是指人类女性的两个乳房之间自然形成的沟状部分,其深浅是由乳房的饱满和坚挺程度决定的。正确地穿戴内衣,能让你的胸部发育得更好,对女性朋友...... 乳沟,是指人类女性的两个乳房之间自然形成的沟状部分,其深浅是由乳房的饱满和坚挺程度决定的。乳房越是丰满越坚挺者,乳沟越明显,未发育和贫乳的女性没有明显的乳沟。乳沟...
标签: Web开发
随着Ajax盛行,许多网站纷纷采用这项技术,而这股时代趋力的背后,各式各样的Ajax框架可说是最大的功臣,让开发人员不用重造轮子,省去从JavaScript底层重新开始构造程式的工作。 不过开发人员也许会疑惑,Ajax不就是JavaScript吗?简单的脚本程式还需要框架?事实上,Ajax框架的确能带来许多好处。 简化JavaScript的使用难度 许多开发人员...
标签: Web开发
文章提示 AJAX和JMX分别位于系统管理栈的两个对立端。然而,如今AJAX模型已普遍存在于丰富的浏览器客户端。这使得该模型在构架领域为在问题解析管道中提高支持模式所具有的优点变得模糊起来。 本文将详细描述一种AJAX架构的优点-它可以把管理状态"广播"到一个能够使用浏览器的用户基上而不必等待页面更新。 这种架构是一个通用模型...
1.预览地址: http://preview.zcool.com.cn/code/js/04/1/ 2.预览地址: http://preview.zcool.com.cn/code/js/04/2/ 3.预览地址: http://preview.zcool.com.cn/code/js/04/3/ 4.预览地址: http://preview.zcool.com.cn/code/js/04/4/ 5.预览地址: http://preview.zcool.com.cn/code/js/04/5/ ...
标签: PHP
原文地址:http://www.blogjava.net/leo821031/archive/2006/06/28/55464.html  基于浏览器的应用框架一般分为两种: Aplication frameworks:提供了浏览器功能,但其最著名的还是在于通过窗口生成组件建立桌面GUI。 Infrastructural frameworks:提供基本的框架功能和轻便式浏览器端操作,让开发者去创建具体应用,...

经验教程

597

收藏

85
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部