TripTracker slideshow

Ajax, CSS, Javascript, Web Design No Comments »

2007-04-22_193537.jpg
The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.
The viewer is free to use in personal or commercial web pages, provided that the script is not sold or exchanged for profit. An unbranded version of the slideshow, suitable also for resale, may be purchased for a one-time per-site license fee.

http://slideshow.triptracker.net

Prototype Window Class

Ajax, CSS, Effect, Stylesheet No Comments »

2007-04-22_192328.jpg

This javascript class allows you to add window in a HTML page.

This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it’s not mandatory.

It has been tested on Safari, Camino, Firefox and IE6, Opera looks fine.
Features

* Valid HTML/XHTML generated code
* Resizable windows
* Minimize/Maximize
* Modal dialogs
* Visual effects
* Skinnable
* And more…

http://prototype-window.xilinus.com/

LightWindow v1.1

Ajax, CSS, Javascript, Stylesheet, Web 2.0, Web Design No Comments »

2007-04-22_171957.jpg

Why another light-’whatever’?

After researching every single modal window, lightbox, slimbox, etc out there nothing fit the bill. Granted some of them were very nice but only fit a specific purpose, others were a nightmare on the code end, and others were just hacks of another. None of them truly supported all of the features we needed and those that were close could not be easily adapted without a bottle of Prozac near by.

Other caveats were the complete lack of ability to style and position the system, and the insane over-kill of some of the systems trying to reproduce either another desktop (As if most computer users aren’t confused enough) or the reproduction of a popup window (Show me someone who likes popup windows…). Lastly, most people didn’t actually test for their media types and how they behaved in other browsers and operating systems (Yes the movies and Flash work in Firefox for the Mac).

Because of Media problems and MAJOR flickering in Firefox on the Mac, you will not only need to specify a color for opacity but create a PNG to repeat that is the same opacity for this one situation, included is a 70% as you see on this page.

What are all of the features?

* Supports 5 different types of Media: Pages, Inline Content, Media(Movies, SWF, etc), Images(Galleries, Single), External Websites(via iframe)
* Automatically detects media and source.
* Fully customizable via CSS.
* Set starting heights and widths for each media and define media types.
* Window will fit content fetched! Excludes i-frame content
* The window is perfectly centered on the screen.
* There are optional Title Bars and Data boxes.
* Multiple Galleries are allowed with a Menu on the Galleries
* All windows will shrink to fit the screen including Image Sizes (Though in some cases its not recommended, i.e. fixed sized windows)
* Width, Height, Overflow, and Multiple Image Slides can optionally be set.
* Submit Forms via the window.
* ANY Character is supported with the exception of ‘[' & ']‘ (These are used to delineate categories for galleries)
* author, caption, title, and params (Added for this library) attributes are supported
* Click anywhere on the overlay to close the window or the ESC key. Optionally you can create your own close links or enable the title bar and use that close link.
* Define your own actions!
* NEW Instantiate a window on the fly instead of on page load.
* NEW Toggle Gallery Tab visibility.
* NEW Flash is resized to fit window (even if lWWidth and lWHeight are passed).
* NEW hideFlash is now a configuration option to choose whether or not to hide the flash in your page, in case you are smart enough to set the wmode and want that cool overlay effect on your flash.
* NEW formMethod is now available to set your form method to either ‘post’ or ‘get’.
* NEW iframes are removed from the DOM on lightWindow deactivation.

http://stickmanlabs.com/lightwindow/

ThickBox 2.1.1

Ajax, CSS, Effect, Image No Comments »

2007-04-21_191436.jpg

http://jquery.com/demo/thickbox/

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.

Features:

* ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 19k, uncompressed it’s 55k.
* The ThickBox JavaScript code and CSS file only add an additional 12k on top of the jQuery code. Together, the compressed jQuery code and ThickBox only total 31k.
* ThickBox will resize images that are bigger than the browser window.
* ThickBox offers versatility (images, iframed content, inline content, and AJAX content).
* ThickBox will hide form elements in Windows IE 6.
* ThickBox will remain centered in the window even when the user scrolls the page or changes the size of the browser window. Clicking an image, the overlay, or close link will remove ThickBox.
* The ThickBox creator has decided that animation should be tailored by individual authors. So yeah, ThickBox no longer animates. Is this a feature? Well, some might say it is.

SimpleJS

Ajax, CSS, Effect, Free Script, Image, Javascript No Comments »

2007-04-21_183819.jpg

Introduction

SimpleJS is a simple and light javascript library which proposes functions ready to use to make the the exploitation of ajax easier. First developed for the beginners and the small projects, SimpleJS is a free library which can’t be compared with Prototype or other professional framework.

SimpleJS size 5ko and does not require any external framework.

The functions are simplified as much as possible. SimpleJS has been tested on IE6, IE7( beta), Firefox 2.0 and Opera 9.02.

http://simplejs.bleebot.com

Last Content





Special Thanks To:Romow Web Directory & WordPress Themes Email & Advertising : cgimaster@gmail.com
Entries RSSLog in