http://www.iloveyouwp.com/35-scripts-for-galleries-slideshows-and-lightboxes.html
http://ajaxphotogallery.com/ajax-image-galleries.html
http://coffeescript.org/
http://www.lokeshdhakar.com/projects/lightbox2/
https://github.com/lokesh/lightbox2/
http://javascriptphotogallery.com/

Ajax
Image Galleries Lightboxes TripTracker The TripTracker slideshow is a
lightweight JavaScript image viewer with an animated slideshow.

  • TripTracker
    The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.
  • Minishowcase
    Minishowcase
    is a small and simple php/javascript online photo gallery, powered by
    AJAX/JSON that lets you put easily your images in an online gallery,
    without having to configure databases or changing and customising code
    (though you may do it if you feel so) allowing to have an up-and-running
    gallery in a few minutes.
  • JonDesign???s SmoothGallery
    Unlike
    other systems out there, JonDesign???s SmoothGallery is designed from
    the ground up to be standard compliant: You can feed it from any
    document, using custom css selectors. And even better, this solutions is
    very lightweight: The javascript file is only 16kb.
  • Ajax Photo Gallery
    The
    AJAX version of AgileGallery is a free AJAX photo gallery that rips
    through the XML output from Picasa (a free download from google) and
    generates DHTML for the paging and thumbnails and displays the full
    sized photos along with any description entered in Picasa. Since this
    photo gallery uses AJAX technology, it eliminates the need for any page
    refresh as the user pages through the photos.
  • 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.
  • zenphoto
    Zenphoto
    is an answer to lots of calls for an online gallery solution that just
    makes sense. After years of bloated software that does everything and
    your dishes, zenphoto just shows your photos, simply. It???s got all the
    functionality and ???features??? you need, and nothing you don???t.
    Where the old guys put in a bunch of modules and junk, we put a lot of
    thought. We hope you agree with our philosopy: simpler is better.
  • Couloir.org: Resizing, Fading Slideshow Demo – AJAX Slideshow
    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.
  • Grey Box
    A pop-up window that doesn???t suck. GreyBox can be used to display websites, images and other content in a beautiful way.
  • Lightbox2
    Lightbox
    JS is a simple, unobtrusive script used to overlay images on the
    current page. It???s a snap to setup and works on all modern browsers.
  • Litebox
    Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library.
  • moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.
  • Multifaceted Lightbox
    A
    script (JavaScript) that allows you to focus the users attention on a
    particular portion of the screen. It creates the equivalent of a modal
    dialog box – this means that while the user looks at this focused part
    of the screen, they can???t interact with the rest of the screen.
  • Slightly ThickerBox 1.7
    Slightly
    ThickerBox is a modification of Cody Lindley???s Thickbox script. I
    modified it for use on my Jason???s Toolbox Redesign. The modifications
    allow the script to generate ???Previous Image??? and ???Next Image???
    links. The result is that you can use Slightly ThickerBox to create
    image galleries. In addition, you can create groups of galleries by
    setting a ???rel??? attribute on the links. (I also moved the Caption
    and Close link to the top and made the script case insensitive.)
  • Suckerfish HoverLightbox
    The
    Suckerfish HoverLightbox is a mashup of three very popular Web design
    techniques blended together to offer a new way of presenting your image
    galleries.
  • Suckerfish 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.
  • ThickBox 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.

CSS-Based Image Galleries

  • A 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.
  • A 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.
  • Cross 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.
  • CSS 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+.
  • CSS: 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.
  • Hoverbox Image Gallery
    Basically, it???s a super light-weight (8kb) roll-over photo gallery that uses nothing but CSS.
  • Photo 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.
  • Sliding 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.

JavaScript + CSS-based Galleries & DHTML-Galleries

  • easyAlbum
    A DOM photo Gallery solution that is browser friendly, keyboard friendly, bandwidth friendly and more.
  • ImageGal
    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.
  • Highslide 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.
  • Dhonishow
    Showing Picture Online with Javascript.
  • Satellite
    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.

35 Gallery – Ajax Slide的更多相关文章

  1. Ajax.html:35 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org

    AJAX的容易错误的地方 Ajax.html:35 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated ...

  2. ajax.BeginForm异步提交表单并显示更新数据

    view代码: <!--基本信息模块--> 2 <div class="profile_box" id="basicInfo"> 3 & ...

  3. Ajax用法

    1.什么是 Ajax? Ajax,英文名 Asynchronous JavaScript and XML,也就是异步的 JavaScript 和 XML.它不是一门新的语言,而是一种使用现有标准的新方 ...

  4. 30款javascript脚本插件 jquery插件大全

      Shifty Nav - a Fully Responsive JS CSS3 Mega Menu Show Demo Shifty Nav is a fully responsive CSS3 ...

  5. 关于JS数组的栈和队列操作

    1.js支持重载吗? 虽然js 本身并没有函数重载,但是可以用arguments来模拟重载,函数名相同,参数不同,arguments的length属性,获取参数个数,索引属性获取参数值 2.什么是作用 ...

  6. C#开发BIMFACE系列42 服务端API之图纸对比

    BIMFACE二次开发系列目录     [已更新最新开发文章,点击查看详细] 在我的前一篇博客<C#开发BIMFACE系列42 服务端API之图纸对比>中详细介绍了BIMFACE服务端接口 ...

  7. jQuery源码分析系列(35) : Ajax - jsonp的实现与原理

    ajax的核心是通过XmlHttpRequest获取非本页内容,而jsonp的核心则是动态添加<script>标签来调用服务器提供的js脚本 json核心就是:允许用户传递一个callba ...

  8. 每个程序员都会的 35 个 jQuery 小技巧

    1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return ...

  9. 每个程序员都会的35个jQuery小技巧!

    1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return ...

随机推荐

  1. 一篇文章,读懂 Netty 的高性能架构之道

    原文 Netty是一个高性能.异步事件驱动的NIO框架,它提供了对TCP.UDP和文件传输的支持,作为一个异步NIO框架,Netty的所有IO操作都是异步非阻塞的,通过Future-Listener机 ...

  2. This application is currently offline. To enable the application, remove the app_offline.htm file from the application r

    退出VS ,把程序中主目录里的app_offline.htm文件删除,重新启动VS 就可以了.

  3. git 基本配置及使用

    GIT是个很方便的开发伴侣,这里 随笔记录下GIT工具的基本使用,也希望能帮到别人更快速的使用GIT. 一,安装软件   toroise是最常用也最习惯的工具了,已经是有支持GIT了. 二,生成密钥文 ...

  4. linux epoll 开发指南-【ffrpc源码解析】

    摘要 关于epoll的问题很早就像写文章讲讲自己的看法,但是由于ffrpc一直没有完工,所以也就拖下来了.Epoll主要在服务器编程中使用,本文主要探讨服务器程序中epoll的使用技巧.Epoll一般 ...

  5. .NET Framework 类库

    .NET Framework 类库 MSDN == V2.0 == .NET Framework 类库是一个由 Microsoft .NET Framework SDK 中包含的类.接口和值类型组成的 ...

  6. Web服务器性能监控分析与优化

    Web服务器性能监控分析与优化 http://www.docin.com/p-759040698.html

  7. (一)u-boot-nand.bin的下载

    编译.连接好u-boot-nand.bin首先想到是如何下载到OK6410上,有3种方法: (1)dnw方法 (2)tftp方法 (3)sd卡方法 3种方法各有优点和缺点,下面逐一介绍: 一.dnw方 ...

  8. CORS Cookie,和nodejs中的具体实现

    CORS(跨来源资源共享协议),高级浏览器(Chrome,firefox, opera, safir, ie10)在 XMLHttpRequest(AJAX) 中已经支持了这个协议.可以实现ajax跨 ...

  9. POJ 2785 4 Values whose Sum is 0

    4 Values whose Sum is 0 Time Limit: 15000MS   Memory Limit: 228000K Total Submissions: 13069   Accep ...

  10. xcode6.0 模拟器打不开

      只要设置下这个就行了 本来以为虚拟机的问题  都把虚拟机从新安装了 杯具啊