Jun 9, 2008

Ajax Images Gallery

Egypt Gallery
An easy to integrate image gallery using the spry framework. 

Original Photo Gallery

This version uses XML data and inline Spry attributes to generate the markup. This demonstrates how to build a HTML template. It also showcases multiple dependent data sets. With javascript off, it does not degrade gracefully.

Download

slimbox_ex_070221.zip [88kb, library and sample code is included]

Click here  View Sorce 



Slimbox(Extended Version)

Slimbox is Lightbox clone by Christophe Beyls. This extended version has additional features as follows.

  • Support to show external content by iframe. You can assign url not only for image but also for general html document.
  • Support to set content size. You can add width/height parameter in rev attribute of the anchor url.
    e.g.) rev="width=500, height=300" (For image content, you can also use percent value.)
  • Some rendering problem with IE6 is fixed. Now you can use Slimbox in valid XHTML document with XML prolog.
  • Of course, license is same as original.(MIT-style)
Download


Image Menu
Javascript and Flash Development
A stunning image menu using the moo tools library. Very easy to use and integrate.

  • 2 optional onClick events - open & close
  • href passed to onClick events
  • stays open when clicked
  • closes when clicked
  • select item to pre-open
  • Dowload :

    Slideshow V1.3 with mootools

    transition between images.

    Fade, Slide and Wipe transitions. Play, Stop, Next and Previous controls! 

        
    fade, Slide and Wipe transitions
    • loops
    • Play, Stop, Next and Previous controls
    • Inits from array of image src's, a list of images on the page or using the href of an a tag like the lightbox

    Dowload :



    An Image Strip that can be used for fancy visual effects. Be sure to check the demo.


     for Obu Web i’ve found myself spending less time on code I would say meets the definition of AJAX I put in my book and more time 
    on code that used to be called DHTML. But I guess I’m ok calling it AJAX, at least its pronouncable and building little JavaScript widgets is fun.






    Yahoo! User Interface Library (YUI) provides a very handy class for creating modal dialog box with background masking, which can be used to create lightbox. If you have no idea what a lightbox is, you can run this online demo to get a taste of what it looks like.



    Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information  read more....


    mooSlide revamp

    Finally it's here, the revamp of mooSlideBox - easier to use than ever before, as it now has become a class. There are some options that can influence the look and behaviour of your box. Of course you can also have more than one box on your page! In addition you can now define, from where the box should fly in: from top or from bottom ( sample links show both variants ).

    Give it a try:

    Toggle slider 1 | Toggle slider 2

    Download:

    Grab your own copy here

    No comments:

    Labels