Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘Images’ Category

ProtoFlow is an open source content viewing application built with Prototype & script.aculo.us which functions similar to the famous iTunes Cover Flow.

You can browse through the content (it supports all the HTML elements) with mouse clicks or a JavaScript slider.

Prototype Cover Flow

It is mentioned that the application may have more features in the future like auto-play and image reflection.

Online image cropping is a widely used feature in web applications.

Prototype JavaScript Image Cropper UI is an unobtrusive script based on Prototype and script.aculo.us.

It allows you to select any area in an image and gives the x, y, x1, y1, width and height values which are enough for a succesful image cropping.

Prototype Image Crop

This Prototype image crop UI also has ratio locking, selected area preview and minimum height – width options.

Glossy.js allows you to add shading, shadows and rounding corner effect to images.

This is a very useful method if you want to use the same effect for all images in some part of your website. You won’t need to use an image editing software every time. Your images will stay as the original and you can apply another effect later on. 

JavaScript Glossy Effect

How to use Glossy.js?

  • Insert the glossy.js in your code
  • Add the class "glossy" to your images

Gloosy.js works in all major browsers. If not supported by a browser, it downgrades itself without creating any errors.

Phatfusion has beautiful Mootools JavaScript framework plugins which you’ll love.

Mootools plugins list:

  • image menu – horizontal, accordion menu
  • validate – form validation
  • lightbox – an inline image popup
  • multibox – lightbox that supports images, flash, video, mp3s, html
  • slideshow – image transition
  • sortable table – sort & filter tables
  • slider
  • rounded corners – rounded corners with divs
  • page loader – loads a div from another page into this page.

Acordion image menu:

Mootools Accordion Image Menu

 

Sortable table:

Mootools Table Sort

Alen Grakalic from CSS Globe has a very nice solution for styling image links.

Style Image Link Javascript

What is it?

Image Link is an unobtrusive JavaScript code that enables you to apply additional styling to your image links. The mouseover state of the JavaScript displays an image over the original image.

Script, automatically creates a span element that is placed above the image and assigns the css class for it.

Vecteezy is an index of free vector graphics available for download by some of the best artists around the world.

With over 200 free vector images, Vecteezy is updated frequently with new graphics.

Free Vector Images

Vector images can be searched & sorted by file type (Adobe Illustrator, Coreldraw..), categories, licences or download, rating numbers.

Uptime Robot
Loading...
Get WebResourcesDepot Weekly
A Weekly Newsletter For Web Designers And Developers
feed-holder
FeedBurner
  • PSD to HTML
  • file uploading, video/audio/image encoding, s3 storage and much more
  • PSD to HTML
    aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter