1stwebdesigner - Graphic and Web Design Blog » image

25 Beautiful Image Styling Tutorials With CSS,jQuery

Daniels Mekšs — Sat, 31 Jul 2010 10:00:16 +0000

Recently I wrote article about post thumbnail and you saw some great examples of image styling. As I wrote there, neat styled images can attract more visitors and you will be more pleasant with them yourself too.

You don’t have to always use Photoshop to style your images. Some cool effects can be achieved trough CSS, jQuery etc too and I strongly suggest you to continue reading to find out how to do it!

1. CSS3 Rounded Image With jQuery

Learn to wrap a span tag around the image element to achieve rounded images which will be displayed right in all modern browsers.

2.Multiple Backgrounds and Borders with CSS 2.1

Learn how to use CSS 2.1 pseudo-elements to provide up to 3 background canvases, 2 fixed-size presentational images, and multiple complex borders for a single HTML element.

3. Quick Tip: Multiple Borders with Simple CSS

Quick screencast showing you how to achieve multiple borders with simple CSS that way adding more depth to your designs. Much simplier version of previous tutorial.

4. Multiple Borders on Dynamically Sized Elements with CSS2

Third version of Nicolas Gallagher showing you what to do if you don’t the size of element.

5. Have Fun w/ Borders – Beveled, Pressed, & More!

Learn how to achieve pressed effect with CSS and some simple border style tricks to get various effects.

6. Polaroids with CSS3

Learn how to use some awesome CSS2 and CSS3 to turn an otherwise unassuming list of images into a full-blown set of Polaroid pictures.

7. Perfect Full Page Background Image

Learn how to add background image with CSS that fills entire page with image, no white space, scales image as needed, does not cause scrollbars and much more.

8. CSS3 Box Shadow and Image Hover Effects

Explore a new way of adding drop shadow effects just by editing a style sheet.

9. Fancy Thumbnail Hover Effect w/ jQuery

Achieve neat flash-style effect with CSS and jQuery.

10. How To Create Simple CSS Image Rollover Effect

In this tutorial you are going to learn how to create simple CSS image rollover effect with basic HTML and CSS styling.

11. Floatutorial

Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts. Check out 4 tutorials dedicated to image floating.

12. Snazzy Hover Effects Using CSS

In this tutorial, you will be going over creating flexible advanced hover techniques using CSS2.1 properties.

13. Fast Rollovers Without Preload

When using CSS image rollovers, two, three, or more images must be loaded (and often be preloaded for best results). Learn how to put all states into one image makes dynamic changes faster and requires no preload.

14. jQuery Rounded Corners

Lots of jQuery effects for rounded corners and much more patterns.

15. Easiest Tooltip and Image Preview Using jQuery

See 3 examples of using jQuery rollover preview script. This simple script can be applied for a variety of purposes.

16. Supersized – Full Screen Background/Slideshow

jQuery Plugin

Superzided is a jQuery plugin that resizes images to fill browser while maintaining image dimension ratio and cycles Images/backgrounds via slideshow with transitions and preloading.

17. PNG Overlay

Have you ever run into the problem of creating a site with pictures given by the client, only to find later after they update their photography the original look and feel is not retained? This solution involves creating a transparent PNG overlay which can be used as a mask / frame around regular JPEG or GIF. This way, a typical CMS installation can be configured so users can upload photos without having to worry about using any graphics program to apply filters.

18. BeZoom Lighweight JQuery Zoom Plugin

BeZoom is a simple and lightweight alternative for JQZoom. It’s lighter and it’s easier to use.

19. Using jQuery for Background Image Animations

Play with jQuery and change the position of the background image to create the type of effect you’re looking for. There’s a new article answering the “How do I handle active states?” – Handling Active State for jQuery Animated Backgrounds.

20. 5 Ways to Spice up Your Images with CSS

Here are a few simple tricks to add some flavor to your typical bland images. Using Photoshop to style each image can be tedious and difficult to maintain in the long run. These following CSS techniques will help you ease that pain.

21. How To: Resizeable Background Image

Learn how to set up resizeable background image with CSS. You have 3 options to choose from.

22. Style Your Image Links

Letting users know that particular section of our website is meant to be clicked on is best achieved through mouse over effect. Those “clickable” sections certainly include content images. Image Link is a script that enables you to apply additional styling to your image links.

23. Multiple Background Images with CSS

At times, it makes more sense to use background images than to insert them directly into the page. And while each element – like your body tag – can hold only one background image, they can be applied to several elements.

24. Image Borders with CSS

Really easy tutorial showing you how to add solid border to images using CSS.

25. CSS Sprites without Using Background Images

Learn how to apply hover effect without lot of knowledge about CSS sprites.

30 Trendy AJAX, jQuery And Image Galleries You May Like

Valters Bergspics — Fri, 30 Apr 2010 11:00:57 +0000

One of the most important elements in successful portfolio is beautiful and unique image gallery catching eye with its sliding elements and great works. If you want to get the best impression you need to think about appearance the same way as you think about your portfolio works – you need to present and view them to grab attention, to show value!

Here you will find easy to customize and modern image galleries you can use for your own projects, portfolios and possibilities are endless here! You just need to put them in good use!

jQuery Most for these image galleries you’ll need to use latest JQuery. You can download it here.

1. Full screen image gallery using JQuery and Flickr

Full browser – screened image gallery. Easy and understandable. Features:

Flickr search using jQuery and JSON
Full screen with kept ratio using CSS only
A png raster to even out up-scaled jpegs
Thumbnails with loader indicator and a nice hover effect that shows a bigger thumb (or description)
A preloader loads the large images one by one for super-fast viewing
Fetches the biggest image from flickr using their API
Caption that can be turned on or off
Navigate by clicking on either half of the image, or use the thumbnails.

View Demo

2. Supresized image gallery

Features:

Resizes images to fill browser while maintaining image dimension ratio
Cycles Images/backgrounds via slideshow with transitions and preloading
Navigation controls allow for pause/play and forward/back

View Demo | Download Now

3. s3Slider jQuery plugin

This one is handy to put in portfolio header of index page. Self-image changing.

View Demo | Download Now

4. Nivo Slider

Features:

9 unique transition effects
Simple clean & valid markup
Loads of settings to tweak
Built in directional and control navigation
Packed version only weighs 7kb
Supports linking images
Keyboard Navigation
Free to use and abuse under the MIT license

View Demo | Download Now

5. jQueryGlobe – jQuery Plugin

Features:

Slick effect, no Flash needed
It’s just 2K
Reusable on multiple containers
Cycles items via slideshow
Can be styled with custom HTML/CSS

View Demo | Download Now

6. jQuery LightBox Plugin 0.5

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

View Demo | Download Now

7. jqFancyTransitions

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

View Demo | Download Now

8. Galleriffic

Features:

Smart image preloading after the page is loaded
Thumbnail navigation (with pagination)
jQuery.history plugin integration to support bookmark-friendly URLs per-image
Slideshow (with optional auto-updating url bookmarks)
Keyboard navigation
Events that allow for adding your own custom transition effects
API for controlling the gallery with custom controls
Support for image captions
Flexible configuration
Graceful degradation when javascript is not available
Support for multiple galleries per page

View Demo | View JavaScript File

9. jQuery Image Scroller

View Demo | Download Now

10. Image Rotator

Image rotator is great way to display portfolio images, eCommerce product images, or even as an image gallery.

View Demo

11. Simple Image Slide Show

Image Slide Show is one of the famous components in web design and development. A lot of the websites display news headlines in an image slide show to attract viewers attention, of course, with caption/excerpt. No doubt about it, this is a clever method not only to gain attentions, but it also makes the website more alive.

View Demo | Download Now

12. Apple style image slider

View Demo | View Source

13. Easy slider 1.7

For this one it’s easy to set up your own options to image gallery.

Demos: Here, here and here | Download Now

14. Circular Image Gallery

View Demo | Download Now

15. jQuery Image Strip

16. Coin Slider

Features:

Unique transition effects
Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
Valid markup
Flexible configuration
Auto slide
Navigation box
Lightweight (8kb only)
Linking images
Free to use under MIT licence
Fully customizable using CSS

View Demo | Download Now

17. Photo Gallery

View Demo | View Source

18. AJAX Image Gallery powered by Slideflow

The photos and titles are read from an XML file, and the thumbnails are pre-generated using Photoshop actions.

View Demo | Download Now

19. slideViewer 1.2

SlideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing

just few lines of HTML. SlideViewer checks for the number of images within your list, and dinamically creates a set of links to command (slide) you pictures. Also, clicking on each image will make the gallery slide to the next picture.

View Demo | View JavaScript File

20. jQuery Before /After Plugin

Features:

Slick effect, no Flash needed
It’s just 7K (4K compressed)
Reusable on multiple containers
Degradable. If the visitor doesn’t have JavaScript they will still see both images.

View Demo | Download Now

21. Slick Auto-Playing Featured Content Slider

There is a main content area, which slide from left to right each with different unique content. There is generally a set number of panels, but the code is written in such a way that adding or removing panels isn’t a huge pain. There are links which act as navigation to quickly jump to any particular panel.

View Demo | Download Now

22. AnythingSlider

Features:

Slides are HTML Content (can be anything)
Next Slide / Previous Slide Arrows
Navigation tabs are built and added dynamically (any number of slides)
Optional custom function for formatting navigation text
Auto-playing (optional feature, can start playing or stopped)
Each slide has a hashtag (can link directly to specific slides)
Infinite/Continuous sliding (always slides in the direction you are going, even at “last” slide)
Multiple sliders allowable per-page (hashtags only work on first)
Pauses autoPlay on hover (option)
Link to specific slides from static text links

View Demo | Download Now

Flash

23. CU3ER The Free Flash 3D Image Slider

CU3ER, in a nutshell, is a .swf (flash) file, designed & developed for displaying images & slides in 3D way. It requires an XML configuration file in which the paths to the existing images and instructions (settings), necessary for handling those, are defined. This image slider is equipped with a great range of features that enhance the user’s experience of viewing slides. They can be grouped together lining User Interface and 3D Transitions.

View Demo | Download

24. The Piecemaker XML Gallery

The Piecemaker, a 3D Flash image rotator gallery in the purest sense of the word. It’s Open Source, so feel free to download it, use it in any project you like, learn from it, modify it and improve it if you can.

View Demo | Download Now

25. SimpleViewer

SimpleViewer is a free, customizable Flash image gallery. It allows you to display your images on any web page in a professional, intuitive and simple way.

View Demo | Download Now

26. Flash Page Flip Photo Gallery template for Picasa

This gallery is made just like real album in your hands! Isn’t that so exciting? This template is based on the free version of the FlashPageFlip flash engine on www.flashpageflip.com. It lacks the advanced functions of the commercial versions but still makes a very nice photo album on your website. You can see and hear the pages flip.

View Demo

27. Polaroid Gallery

Polaroid Gallery is a free, opensource flash gallery.

View Demo | Download Gallery Now | Download Flash File Now

28. TiltViewer

TiltViewer is a free, customizable 3D Flash image viewing application.

View Demo | Download Now

29. Flash Photo Gallery

The Flash version of AgileGallery is a free Flash photo gallery that rips through the XML output from Picasa (a free download from google) and generates the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. It also includes a slideshow feature.

View Demo | Download Now

CSS

30. Cross Browser Multi-Page Photograph Gallery

This one is using CSS only – that means that there is no JavaScript. Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text.

View Demo | Download Now

Flash

Page Flip Photo Gallery template for Picasa

20 WordPress Plugins For Better Image Handling

Tom Walker — Mon, 01 Mar 2010 11:00:52 +0000

Images and photos are an integral part of almost every successful blog these days. If your text isn’t accompanied by images, few people are going to be interested in what you’ve got to say- it’s sad, but true. The problem is, with so many people uploading images to their blogs in interesting and unique ways, it’s hard to make your blog stand out unless you’re doing the same.

WordPress doesn’t make it easy for you to engage your readers with images. You’re going to have to look beyond core to the hundreds of image/photo based plugins available to make your blog highly visual. Below, you’ll find a score of solutions to all your image/photo problems in the form of the best plugins around. There are lazy loaders, gallery creators, slideshow generators, photoblog initiators and much, much more. You’ll soon realize that there’s more to WordPress than a few lousy thumbnails!

1. jQuery Image Lazy Loader WP

Lazy Loader is the perfect plugin for those who want to upload lots of images to their blog, but maintain a snappy site. Rather than loading all of the images on a page at once, which can take a considerable amount of time, Lazy Loader loads the images at the top of each page first and continues to load images further down as the user scrolls downwards.

2. Frontpage-Slideshow

This plugin does exactly what its name suggests: it lets you create a professional slideshow on the front page of your WordPress blog. Each picture is clickable, leading you to its related post, and information about four different slides can be displayed at a time. Transitions between slides are faded to look extra sleek.

3. NextGEN Gallery

NextGEN is without question the best WordPress gallery plugin available and you should certainly try it out if you haven’t already. It’s comprehensive, with an easily understandable back-end. The only problem is that everyone’s using it. It does pretty much everything you’d want from a gallery plugin, looks professional and comes with a Flash slideshow option.

4. WP Photo Album

Unlike most of the plugins in this list, which focus more on user experience, WP Photo Album is made specifically for the blogger him- or herself. It makes creating and managing your photo albums easy, letting you move images between albums and adjust the sizes of thumbnails and full view pictures.

5. Flickr Photo Album

If you regularly upload photos to Flickr before transferring them to your WordPress blog, this plugin’s going to make your life a whole lot easier. You simply select Flickr photosets and display them on your blog as galleries, which you can customize to suit the look and feel of your site. It comes with a great widget which lets you display your latest Flickr photos in your blog’s sidebar.

6. FlippingBook

Use FlippingBook to add an extra element of interactivity to your blog and fully engage your visitors. Rather than displaying images in the standard way (a la NextGEN), FlippingBook displays them in Flash books, which can be flipped through with ease and great enjoyment. You can create these “books” in the administrator panel.

7. Cincopa: Post Videos and Photo Galleries

When it comes to displaying images, Cincopa does it all, creating polished image galleries and slideshows, not to mention videos, playlists and podcasts. It gives you access to 44 different skins to be sure that all Cincopa blogs retain a degree of individuality.

8. Lightbox2

Lightbox2 is simple, but devastatingly effective. Like all lightbox-type plugins, it lets you enlarge and overlay images on the current page, while dimming what’s left in the background. Unique to Lightbox2 is the ability to group related images and use numerous visual effects.

9. WordPress Content Slide

Use WordPress Content Slide to create jQuery slideshows anywhere within your WordPress blog. These slideshows fade in and out to add a touch of class to your site. Content Slide is fully customizable, even letting you link to another website if you like, to use the slideshow as an advertising banner.

10. Yet Another Photoblog

Far more interesting than its name suggests, Yet Another Photoblog (YAPB) is perfect for those who upload more images than text. It’s not a gallery plugin; it only lets you upload one image per post with a description. Using the YAPB Bulk Uploader plugin, you can mass upload images to your YAPB blog in an instant.

11. Lazyest Gallery

Lazyest Gallery is a powerful plugin with lots of great features. It rotates random images from your gallery, fading each one in and out. It’s fully customizable from the back end, letting you select the number of random images shown, portrait/landscape or both and various fading settings. It also allows comments on images and folders.

12. Shadowbox JS

Shadowbox is not only a great way to display images on your WordPress blog, it’s ideal for sharing videos too. Never again will you have to guide visitors away from your blog for them to view media as all images, audio files and videos, including YouTube videos will play directly on your site.

13. Sidebar Photoblog

14. Thumbnail For Excerp ts

With this simple plugin, you can add thumbnail images to any excerpts you might have on your site, making it instantly more attractive and easier to navigate, improving usability and visitor experience.

15. Flickr Gallery

There are several plugins available which make uploading your photos from Flickr to WordPress easy, but this is one of the best. It lets you quickly create galleries of your most recent and most popular Flickr photos, view photos in gallery mode without leaving the page, display small images automatically in lightbox mode and embed Flickr’s Flash movie player.

16. Featured Content Gallery

Featured Content Gallery can transform your humble blog into a professional looking portfolio site. Besides other things, it creates a rotating image gallery of your posts or pages, which you can place anywhere on your blog. Each image can be overlaid with an extract from the text too.

17. Freebie Images

If stock images play a significant part in your professional (or personal) life, Freebie Images comes highly recommended. Search through a directory of thousands of regularly updated, free stock images which you can drag and drop into your posts.

18. Dynamic Content Gallery

Dynamic Content Gallery generates an image gallery with a shot for each of your latest or featured posts and pages (although default images can be added too.) What makes this plugin stand out from the rest is the slick look of the gallery itself.

19. SlideZoom

SlideZoom prides itself on its simplicity and quite rightly so. It’s particularly lightweight and straightforward. It lets you bulk or zip upload images to your blog, generating a HighSlide JS gallery that you can embed in WordPress or anywhere else you like, such as on another blog, eBay or a forum.

20. DM Albums

DM albums presents your photos in a really distinctive way, enlarging all images to perfectly fit the size of your blog, rather than showing them in a window half the size of your screen. You can add captions to individual photos and albums from within the WordPress Editor.

Let us know if we forgot some great plugin. We would love to hear your thoughts.

37 Fresh jQuery Image And Gallery Display Solutions

Dainis Graveris — Tue, 05 Jan 2010 16:29:49 +0000

jQuery is already very popular because it is very fast and concise Javacript library simplifing and different event handling, smooth animation with very little code. With jQuery you can enjoy new way of web development and image galleries are the best way to use it effectively! Here you’ll have more than 35 different unique jQuery Javascript solutions for beautiful image galleries and great ways to display your images with light code.

To make it even easier for you to choose, I also added live demo link under every jQuery plugin! However if you are searching for even more alternatives with Flash, plain CSS or another Javascript library, check out this post -57+ Free Image Gallery, Slideshow And Lightbox Solutions.

1. PhotoSquare Photography WordPress Theme ($79)

PhotoSquares is very flexible premium gallery WordPress theme that is perfect way for designers and photographers to display their portfolio.

This theme allows you to set your own thumbnail sizes so everyone will be able to create most suitable layout.

2. GalleryView: A jQuery Content Gallery Plugin

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

View Demo

2.1. Sexy Slider

SexySlider is a JQuery plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!

View Demo

3. Sliding Image Gallery jQuery Plug-in

The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it. For optimal use, this plug-in should be applied to seven or more images, but can work with fewer (images will be duplicated in order to bring the total to seven).

View Demo

4. PrettyPhoto jQuery Lightbox Clone

PrettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.

View Demo

5. Create Beautiful jQuery slider tutorial

This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.

View Demo

6. AD Gallery – a jQuery gallery plugin

A highly customizable gallery/showcase plugin for jQuery.

View Demo

7. FancyBox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.

View Demo

8. Shadowbox

Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

View Demo

8.1.AviaSlider – jQuery Slideshow

AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.
It comes with an image preloader so the slider starts when images are ready to be shown. No clumsy animations with half loaded images.

View Demo

9. Galleriffic

Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth. I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains.

View Demo

10. Colorbox

A light-weight, customizable lightbox plugin for jQuery 1.3.

View Demo

11. The Lightbox Clones Matrix

Comparison of various scripts that display images and other objects in somehow cool CSS popups

12. Full screen image gallery using jQuery and Flickr

It’s a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. It also supports a flickr search engine, thumbnails, captions, preloader and some other goodies.

View Demo

13. Moving Boxes

View Demo

13.1. DDSlider – 10 Transitions – Inline Content Support

DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page.

View Demo

14. Creating a Slick Auto-Playing Featured Content Slider

View Demo

15. Start/Stop Slider

View Demo

16. SlideViewerPro 1.0

SlideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts.

View Demo

17. Pirobox V.1.2.1

View Demo

18. s3Slider jQuery plugin

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script.

View Demo

18.1. Advanced Slider – jQuery XML slider

Advanced Slider is a jQuery plugin that allows you to easily create powerfull sliders using either XML , thus making the slider much easier to setup and maintain, or using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the slider and make it possible to integrate it into your own application. Please take a look at the list of features below.

View Demo

19. CSS and Jquery – Creating an Image Slider

View Demo

20. Create an Image Rotator with Description (CSS/jQuery)

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

View Demo

21. jQuery spherical panorama viewer

A javascript viewer for displaying spherical panoramas. An alternative to Java and QuickTime technology.

View Demo

22. Zoomimage – jQuery plugin

Present you images in stylish way. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border.

View Demo

23. Building a jQuery Image Scroller

View Demo

24. Easy Slider 1.5 – The Easiest jQuery Plugin For Sliding Images and Content

View Demo

25. jQuery Panel Gallery Plugin

No slicing or editing of the images is needed
It’s just 5K
Easily configurable
Reusable on multiple containers

View Demo

25.1. uBillboard – Premium Slider for WordPress

uBillboard is a Premium Slider for WordPress. It is a jQuery based slider with a multitude of transitions and options for you to be able to customize it to your needs while not overwhelming you with options you never wanted or needed. Version 3 is a revolutionary release with most of the codebase rewritten from scratch. This has enabled us to integrate many features that you have been requesting during the first year.

View Demo

26. Supersized – Full Screen Background/Slideshow jQuery Plugin

View Demo

27. Pikachoose

Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy. Creating an image gallery shouldn’t be a complex thing. I’ve created a new plugin that I’m packaging with PikaChoose called SliderJS.

View Demo

28. jQuery Image Overlay Plugin

The image overlay plugin is a simple jQuery plugin that attempts to present an image with an overlaid title/caption. The overlay drops in on hover, as you can see above.

View Demo

29. imgAreaSelect

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).

Plugin features:

Highly configurable
Customizable with CSS styling
Handles scaled images
Keyboard support for moving and resizing the selection
Supports callback functions
Provides API functions for easier integration with other application components
Lightweight — the packed version is less than 8KB

View Demo

30. PFeloader

This is a preloader, it scans DOM and loaded StyleSheet’s for occurence of images (in sheet, style, as element).

StyleSheet file has to be in the same domain as page using it.

View Demo

30.1. jQuery Horizontal Image Scroller w/ Lightbox

This is a jQuery image scroller with lightbox. The scroll bar/indexes and directional buttons allow for easy navigation of your image gallery. Image click can either open the included lightbox or a regular link. The scroller is also re-sizable and fully configurable through the plugin’s parameters.

View Demo

31. Image Reveal using jQuery

View Demo

32. The jQuery Cycle Plugin

The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

View Demo

33. Galleria Plugin

This demonstration shows you aome more advanced effects you can accomplish with the Galleria plugin. The history object is also active, so feel free to try the back button in your browser and bookmark a page. The next and previous links are simple to create since the galleria object has two public functions for traversing the images in your list.

View Demo

34. CrossSlide jQuery plugin

CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself (a lot.)

View Demo

35. Fancy Thumbnail Hover Effect w/ jQuery

View Demo

36. Apple-like Slideshow Gallery

View Demo

36.1. li JQuery Slider/Image Rotator

li jQuery Image Slider / Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!

This robust and yet elegant guy, has everything you need to build your next “to-impress” image slider.

View Demo

37. JQZoom

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.

View Demo

38. ImageFlow

ImageFlow is an unobtrusive and userfriendly JavaScript image gallery.

View Demo

78 Stunning Landscape Desktop Wallpapers

Daniels Mekšs — Tue, 24 Nov 2009 22:55:03 +0000

This is a really huge article showcasing beautiful landscape desktop wallpapers, where everybody should find one, which suits for their desktop perfectly. Maybe there is winter coming, but we can warm our hearts with colorful, deep and inspiring wallpaper, while taking break or working hard on deadlines. Whole article is ordered in resolutions from lowest to highest, from 1280×960 to 2560×1600 and even higher. Just scroll through, enjoy and pick up your favorite wallpaper!

1.Lost Lagoon – Print Version by stotty

Resolution: 1280×960

2. Terragen – Erat by tigaer

Resolution: 1280×1024

3. Breaking The Foundation by Vincent Hernandez

Resolution: 1280×1024

4. Eclipse III. WP by realityDream

Resolution: 1280×1024

5. Koh Kood Sunset Wallpaper by nxxos

Resolution: 1280×1024

6. Colorful Dream by hypnotic

Resolution: 1280×1024

7.

Beautiful Flower

Resolution: 1280×1024

8. Blue Waters And Hills Landscape

Resolution: 1280×1024

9. Neverending Walk

Resolution: 1280×1024

10. Hill Houses

Resolution: 1280×1024

11. Riverside by Deinha1974

Resolution: 1440×900

12. Green Land by Deinha1974

Resolution: 1440×900

13. Divine Connection by Deinha1974

Resolution: 1440×900

14. IR Island by nxxos

Resolution: 1680×1050

15. Seasonal Rains by gtxx1015

Resolution: 1680×1050

16. Lovely Hill Background 16:10 by Mega-Art

Resolution: 1680×1050

17. Grass by Jorlin

Resolution: 1680×1050

18. Auroral Dawn by dilekt

Resolution: 1600×1200

19. Newport Beach, California

Resolution: 1600×1200

20. Tahitian Paradise

Resolution: 1600×1200

21. Mystical Waters, Yosemite National Park, Califor

Resolution: 1600×1200

22. Best Of Nature Islands Wallpaper Pack 2

Resolution: 1600×1200

23. Alpine by Gus7avO

Resolution: 1600×1200

24. Luminosity by dilekt

Resolution: 1920×1200

25. Valley of Lambs by Deinha1974

Resolution: 1920×1200

26. Dawn On The Deck by l8

Resolution: 1920×1200

27. Down On The Deck by l8

Resolution: 1920×1200

28. End of Autumn by peehs

Resolution: 1920×1200

29. Suite Clouds Rain

Resolution: 1920×1200

30. Pebble beach

Resolution: 1920×1200

31. Ibis

Resolution: 1920×1200

32. Blue Dock by dimage

Resolution: 1920×1200

33. Taiwan Wallpaper Pack

Resolution: 1920×1200

34. Mistery by atanastsvetkov

Resolution: 1920×1200

35. Grand Sunset by myINQI

Resolution: 2560×1600