`

21+ beautiful Javascript and Ajax based solutions转

    博客分类:
  • ajax
阅读更多

No.1 Galleria

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. There are demos using v.1.0 are available.

galleria

No.2 LightWindow

If fact software of lightwindow is a

lightwindow

No.3 (E)2Photo 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.

(E)2

No.4 Spry

pry is a JavaScript-based framework that enables the rapid development of Ajax-powered web pages. Not a JavaScript guru? No problem. Spry was designed to feel like an extension of HTML and CSS, so anyone with basic web-production skills can create next-generation web experiences by adding the power of Ajax to their pages.

spry

No.5 Imago

Imago is an Ajax Image Gallery with focus on simplicity and ease of use. It’s plain JavaScript and build on the mature ajax library mootools. No server side scripting is required! Neither is flash. Whether your photos are on flickr, smugmug or you’d like to host them yourself, Imago can show them.

imago  

No.6 slideViewer

a jQuery image slider built on a single unordered list

slideviewer

No.7 Minishowcase

minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.

img.minishowcase.home

No.8 AJAX Image Gallery Powered by Slideflow

You could download slideflow 1.1 including gallery demo in the website. Use Slideflow in your own software for appliaction.

 Slideflow

No.9 Lightweight Image Gallery

Lightweight Image Gallery with thumbnails.

lightweight

No.10 PhotoFolder

PhotoFolder is not a fully fledged gallery system. It does the heavy lifting for you and exposes an API via PHP or JSON for integration with any Ajax application, or other system that can parse JSON.

photofolder

No.11 JaS gallery

JaS is short for JavaScript Slides and it is a highly customizable JavaScript library for easily turning your images into a collection viewable as a slideshow, and with fading effects, if desired. It also supports automatic thumbnail creation and tagging of images, so the viewers can find the exact images they’re looking for. You can use it any way you like in your own web site, and adapt it to your specific needs.

example

No.12 MooFlow

MooFlow is a Javascript based Gallery looks like Apple´s iTunes or Finders CoverFlow™

mooflow

No.13 xImgGallery

This script implements a Javascript image gallery and slideshow - all in one file.

xImgGallery  

No.14 Highslide JS

Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages.

js

No.15 Couloir

This photo slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS. The code is offered as-is — Couloir.org offers no technical support. However, you are permitted to use it on your own project so long as you do so according to the rules outlined in the Creative Commons ‘Attribution-ShareAlike 2.0′ License and the license terms contained in the associated, third-party APIs.

couloir

No.16 Jondesign’s SmoothGallery

Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website…

smoothgallery  

No.17 jqGalViewIII

Here we have yet another photo / image gallery, except at this point it is only a proof of concept.

jqGalView

No.18 ZENPHOTO

It is the simplest, most useful gallery solution for your website.following is a sample website using ZenPhoto.

zenphoto  

No.19 FrogJS Javascript Gallery

FrogJS is a simple, unobtrusive javascript gallery. It’s not a replacement for other thumbnail galleries like Lightbox JS , but a different way of showcasing galleries. This type of gallery is best used when a page-by-page gallery is needed, as is the case with photo stories.

FrogJS

No.20 Pyxy-gallery

Pyxy-gallery is an AJAX image gallery in PHP and JavaScript, which optionally uses lightbox.js. It is designed to be an ultra-light-weight, “drop-in” image gallery.

reynolda

No.21 CSS Photo Shuffler

A Javascript + CSS replacement for Flash photo fading slideshow. Inspired by Richard Rutter’s image fade demonstration.

css

分享到:
评论

相关推荐

    架构之美英文版'Reilly+Beautiful+Architecture

    不错架构设计方面的书, 架构之美英文版'Reilly+Beautiful+Architecture

    Beautiful JavaScript

    Beautiful JavaScript offer case studies that reveal unusual, carefully crafted solutions found by top JavaScript developers. You'll be able to look take a look at the whole JavaScript ecosystem ...

    vue3+vite+javascript+pina+ant-design-vue实现的一个pc端后台管理系统

    vue3+vite+javascript+pina+ant-design-vue实现的一个pc端后台管理系统,mockJs接口数据模拟,动态菜单,beautiful 登录页,首页,打造一个完美的可供使用的后台管理系统。可以真实使用于商业项目中,基于模板改造...

    Beautiful.JavaScript.2015.8.pdf

    ### Beautiful JavaScript:深入理解JavaScript的核心价值与应用 #### 核心知识点概览: - **JavaScript的历史与发展** - **JavaScript在Web开发中的角色** - **语言特性解析与实践** - **编程思维与自我表达** - ...

    Beautiful Widget Dashboard using Javascript, Angular and CSS.zip

    标题 "Beautiful Widget Dashboard using Javascript, Angular and CSS" 提示我们这个项目是关于创建一个美观的部件仪表盘,它结合了JavaScript、Angular框架和CSS技术。这个压缩包可能包含了一个使用这些技术实现的...

    Learning JavaScript Design Patterns 英文原版.js设计模式

    If you want to write beautiful, structured, and maintainable JavaScript code, this guide shows you how to apply both classical and modern design patterns to the language. The patterns in this book ...

    JavaScript: The Good Parts

    Author Douglas Crockford, a member of JavaScript 2.0 committee at ECMA, is considered by many people in the development community to be the JavaScript expert., A beautiful, elegant, lightweight and ...

    Eloquent JavaScript(NoStarch,2ed,2014)

    JavaScript lies at the heart of almost every modern web application, from social apps to the newest browser-based games. Though simple for beginners to pick up and play with, JavaScript is a flexible,...

    Pretty Beautiful Javascript-crx插件

    自动使Javascript文件漂亮又漂亮! 自动使您在网上遇到的Javascript文件看起来很棒! 结合Beautifier(http://jsbeautifier.org/)和Prettify(http://code.google.com/p/google-code-prettify/)来解包/取消混淆,...

    Learning JavaScript Design Patterns - Addy Osmani.pdf

    With Learning JavaScript Design Patterns, you’ll learn how to write beautiful, structured, and maintainable JavaScript by applying classical and modern design patterns to the language. If you want to...

    JavaScript and CSS Code Beautifier-crx插件

    When looking at a CSS, JavaScript or JSON file, automatically(optional) make source code beautiful!Features---------· CSS(LESS/SCSS/SASS) / JavaScript(JSX/TypeScript/JSON) formatting· Unpack or ...

    JavaScript和CSS代码美化。「JavaScript and CSS Code Beautifier」-crx插件

    When looking at a CSS, JavaScript or JSON file, automatically(optional) make source code beautiful! Features --------- · CSS(LESS/SCSS/SASS) / JavaScript(JSX/TypeScript/CoffeeScript/JSON) formatting ...

    Beautiful-login.rar_beautiful_html+css+js_登录css_登录界面CSS

    JavaScript可以通过`addEventListener`监听表单提交事件,然后使用`event.preventDefault()`阻止默认的表单提交行为,转而进行自定义处理。利用`localStorage`可以实现记住用户名或密码的功能,`document....

    Beautiful Code leading programmers explain how they think

    In this unique and insightful book, leading computer scientists offer case studies that reveal how they found unusual, carefully designed solutions to high-profile projects. You will be able to look ...

    Beautiful-and-Accessible-Drag-and-Drop-with-react-beautiful-dnd-notes

    # Beautiful-and-Accessible-Drag-and-Drop-with-react-beautiful-dnd-notes 讲师 描述 拖放 (dnd) 体验通常用于对内容列表进行垂直和水平排序。 react-beautiful-dnd 是这些用例的绝佳工具。 它利用渲染道具模式...

    beautiful:制作 Javascript 美丽大赛

    【标题】:“beautiful:制作 Javascript 美丽大赛”是一个以JavaScript编程语言为基础的项目,旨在展示如何在JavaScript代码中实现优雅、可读性强且具有良好风格的编程实践。这个项目可能是一个竞赛或挑战,鼓励...

    数据之美Beautiful+Data(英文版,pdf)

    《数据之美》(Beautiful Data)是一本由Toby Segaran和Jeff Hammerbacher编辑的著作,该书于2009年由O'Reilly Media, Inc.出版。本书汇集了一系列关于如何理解和处理数据的文章,旨在探索数据在现代社会中的作用以及...

    A clean, elegant, beautiful and powerful admin template, b.zip

    标题 "A clean, elegant, beautiful and powerful admin template, b.zip" 暗示这是一款精心设计的后台管理模板,主要用于构建高效、美观的Web应用程序的后台界面。这种模板通常包括各种预设的页面布局、组件、图表...

    javascript语言精粹(中英文版)

    Section C.21. eval Is Evil Section C.22. void Section C.23. Regular Expressions Section C.24. Constructors and new Section C.25. Not Looked For Section C.26. HTML Section C.27. JSON Section C....

Global site tag (gtag.js) - Google Analytics