Superb jquery Plugin-color selector/right-click menu/image news flash display

Source: Internet
Author: User

Farbtastic is a color picker plug-in. It can add multiple color selection controls to a page, and then each control is associated with an element in the page, such as a text input box.

Farbtastic
JQuery Color Picker has successfully applied these techniques to the online layout constellation on the 21st century operating network: www.21kaiyun.com

A simple color selection control. Operation Method and color selection operation in Adobe Photoshop.

IColorPicker

IColorPicker is a jQuery Color Picker of only 6 kb. You only need to set the class attribute of the input box to "iColorPicker" to change to a nice color selector.

IColorPicker

++ ++

ContextMenu

The jQuery plug-in used to create a shortcut menu.

ContextMenu

++ ++

++ ++

The jQuery plugin imgAreaSelect can select a rectangular area in an image.

ImgAreaSelect

Easy Slide

EasySlide is a gallery display plug-in developed based on jQuery. EasySlide can automatically display the images in any Web Container (Container, with Pause, you can use it as a gallery display, animation, and advertisement Banner.

Easy Slide

Easy News

Easy News is a jQuery plug-In that allows you To easily display website News or text content. You can set the Fade In-Out, Slide Up-Down, Left To Right effects, adjust the display speed and modify CSS to change your favorite style.

Easy News

Easy News Plus

Easy News Plus is a jQuery plug-in that is developed based on Easy News and displays rolling News or text and text content. However, it has a completely different display mode (the main display method is sliding left and right) than Easy News ).

Easy News Plus
JQZoom

The image magnifier plug-in developed based on jQuery.

JQZoom

JQuery Plugin: Text Highlight

JQuery plug-in that uses javascript to color keywords on the page.

JCarousel Lite

This jQuery plugin helps you organize images and other content in a scrolling manner.

JCarousel Lite

JCarousel

JCarousel is a jQuery plug-in used to control the horizontal or vertical order of a list project. The list project content can be static HTML content or content loaded through AJAX. You can scroll forward or backward.

JCarousel

Spacegallery-Jquery

Developed Using jQuery, this is similar to image gallery ).

JQuery Slider Gallery

This is an album control developed based on jQuery, similar to the product display on the Apple website.

JQuery Cycle Plugin

JQuery Cycle Plugin is a slideshow plug-in. Multiple conversion effects are supported: shuffle, zoom, fade, turnDown, curtainX, and scrollRight.

Zoomimage

This jQuery plug-in allows you to present images in popular ways. Provides: pre-loaded image prompts, groups images, automatically adjust the image display ratio, and controls Image Group browsing.

Zoomimage

PrettyPhoto

PrettyPhoto is a "clone" of jQuery lightbox ". Added animation effects, Image Library browsing, and other features.

PrettyPhoto

ThickBox

ThickBox is a mode dialog box UI control. Developed based on jQuery, it can be used to display single or multiple images, embedded content, iframed content, or content obtained through Ajax.

ThickBox

Galleria

Galleria is an image display plug-in developed using jQuery. It uses a thumbnail to navigate to a large image. You can use CSS to set the overall album style. Allows you to create thumbnails in proportion and cut them into small images suitable for display in the thumbnail container. It can trigger some events, so you can perform some actions during image loading.

Galleria

JQuery Flash Plugin

A jQuery plug-in is used to embed a Flash video into a page.

JQuery. SerialScroll

JQuery. SerialScroll is a jQuery plug-in used to create a rolling effect. It supports horizontal/vertical scrolling and mixed scrolling.

InnerFade

The jQuery plug-in InnerFade enables any group of elements (such as img and div) to fade in and out.

InnerFade

NyroModal

A jQuery-based mode dialog box that is very flexible and Customizable for appearance/animation effects. You can use Ajax to call the target content and change the dialog box size.

NyroModal

CrossSlide

The jQuery plug-in CrossSlide provides some commonly used Javascript slide show animations, such as dynamic movement, scaling, gradient, slide-in, and slide-out.

CrossSlide

Magnify

Magnify is a jQuery plug-in that can add a magnifier to an image.

Magnify

Img Notes

A prompt box is displayed when you move the cursor over the image.

Img Notes
FancyZoom

FancyZoom uses the zoom effect to display images or any HTML pages. You do not need to enable the page to load images. The effect is also available on the official website of Apple Mac.

FancyZoom

Jcrop

Jcrop is a cross-browser jQuery image cutting plug-in (JQuery image crop plugin). You can add a CSS style to the cut box. When selecting or dragging, you can add a callback event (Callbacks), which can constrain the width and height when cutting.

Jcrop
Galleriffic

Galleriffic is a jQuery plug-in used to create a quick photo album display. You can view images in a slide or by clicking a thumbnail. Galleriffic also supports pagination so that it can display more images.

Galleriffic
Image Upload and Auto Crop

Use the Crop tool developed by PHP and jQuery.

PrettyGallery

PrettyGallery is a gallery navigation control Slider. Developed based on jQuery, in addition to navigation images, it also supports any other content. You can configure the navigation scroll speed and image Title Description.

PrettyGallery
JQuery. popeye

The jQuery. popeye plug-in can convert a group of unordered image lists into a simple album. When you click an image, the image will be enlarged in the Lightbox style. The image display box provides forward/backward control and can add remarks for each image. JQuery. popeye can automatically adjust the height and width of the display box based on the image size.

JQuery. popeye
S3Slider

S3Slider is a jQuery slideshow plug-in with the effect similar to smooth slideshow.

The description of the currently displayed image can be displayed transparently anywhere on the image.

S3Slider

Pirobox

Lightbox control developed by jQuery. The image size can be adjusted automatically based on the browser form size. Provides forward/backward control links. Dynamically load image effects. Easy to customize.

Pirobox

Simple Controls Gallery

This is an image slideshow control developed using jQuery. Provides a control menu for pause, play, forward, and backward display. This jQuery slideshow allows you to automatically play images when the page is opened and store recently viewed images in cookies.

Agile usel

Jquery Slideshow plugin. It is easy to customize the image switching effect. Provides functions such as opening/closing image titles and adding text watermarks.

Agile usel
JQuery Plugin-Page Peel

This is a jQuery plug-in used to create Page Peel (volume Page/Page peeling) effects.

Easy Slider

A jQuery plugin that allows you to play images or any other content horizontally or vertically when you click a navigation button.

Easy Slider
ImgPreview

Image preview jQuery plugin. When you move the cursor over an image link, an image display box similar to the tooltip effect appears next to the link.

ImgPreview
Jquery Fade In. Fade Out

This is a jQuery plug-in used to make the image fade in and out.

Captioning

This jQuery plug-in displays the title information on an image and slides as you move your mouse over the image.

Captioning
JParallax

This is a jQuery plug-in used to generate parallax phenomena. MParallax has the same effect as jParallax but is developed using the Mootools framework.

JParallaxjQuery-use image pre-loading technology to create slides

:

Some demos: http://www.21kakiyun.com
Http://www.cssrain.cn/demo/jQueryImgLoad/Demo1/demo2.html

Http://www.cssrain.cn/demo/jQueryImgLoad/Demo2/demo3.html
Http://www.cssrain.cn/demo/jQueryImgLoad/Demo3/demo4.html

Http://www.cssrain.cn/demo/jQueryImgLoad/Demo1/demo1.html (previously done, non-preload)

Download:
Http://www.cssrain.cn/demo/jQueryImgLoad/jQueryImgLoad.rar

This is suitable for placing important content on the home page in a limited space, while hiding some pages does not necessarily need to be displayed, but users need to expand the display content.

Creating a Slick Auto-Playing Featured Content Slider

Niall Doherty's Coda Slider inspired many designers. the Slick Auto-Playing Featured Content Slider created by Chris Coyier uses the Coda Slider plug-in to implement what we often call "image focus effects ". Mostly used for portal sites.

A very beautiful special effect layout. This portfolio layout created by Benjamin Sterling uses jQuery's easing plugin. This is suitable for users who want to present their portfolio.

The thumbnail list is displayed on both sides of the page. When you click each entry, all content of the work will be displayed in the middle part of the page with the special effects that exit and then enter the site.

JQuery --- blur and clear the image
Http://www.hotbook.cn/

Many image websites use this technology, and Google image center is no exception.
The image of this technology is first blurred and then clearly displayed.

The Blur principle is a small image, and the size is equal to the width and height of the large image.
The small image is enlarged, and it is a matter of course blurred.

Imagine: the size of a small image is 10 KB, and the size of a large image is kb, so the speed of loading a small image is 50 times that of a large image.
Of course, you will say, what is the case if you directly display a large image? The answer is: a blank space is waiting for you.

Use jQuery to implement webpage newspapers

Principle: The newspaper content is used as the background image for relative positioning.
Then the div inside is set to absolute positioning, and the size, left and top must match the background image.
So there is a certain rule.

Extended:
When a background engineer asks, is it easy to transmit coordinates, width, and height? Do users know how to use it?
Teach users how to use photoshop ?...!!!
Solution:
You can use the image plug-in. Generally, the plug-in can obtain four coordinates, width and height,
Of course, we only need this, and we do not need to take out the image.

Program introduction:
1. Click the large image to bring up the mask effect.
2. the thumbnail below can scroll left and right.
3. Click a new window to open the current large image.
4. The small and medium-sized images in the mask layer can also scroll left or right, or the large images can be opened.

The test passed in IE6, IE7, Firefox3 & google browser.

Demo:
Http://www.cssrain.cn/demo/jqueryProduct/demos.html

Download:
Http://www.cssrain.cn/demo/jqueryProduct/jqueryProduct.rarGallerific

Galleriffic is an image display tool created by Mike Alsup, including thumbnails, image titles, descriptions, and other detailed functions.

Zoomimage presents the image effect in a charming way. The thumbnail link pops up a large image on this page, and you can drag the floating image at will.

Easy Slider allows you to slide images or any other content horizontally or vertically. You can also customize styles through CSS.

A drop-down slide Menu Control image magic light from the US President Barack Obama website.

CodaSlider has a good sliding control effect.

The layout of jQuery Slider II is very consistent with the operation habits. It lists the Thumbnail Control List with a scroll bar at the bottom, and then displays the large image browsing on it, which is very suitable for advanced album.

Beautiful Slider: You can see how great this plug-in is. Yes, the effect of this plug-in is no inferior to that of Flash, and the overall performance is smooth, the text display effect is more creative and unique.

LoopedSlider is another slide plug-in for Rolling switching any content. It is easy to use.

SpaceGallery is a brand new jQuery plug-in. clicking the current image will automatically zoom in and disappear, and the subsequent image will be displayed forward, with a sense of time machine.

SmoothGallery is one of the best Javascript slide effects and can achieve different slide conversion effects.

Is a jQuery-based slide effect plug-in. In addition to displaying images, you can also add different types of multimedia files.

S3Slider is a simple and practical smooth slide effect. This plug-in is applied to countless WordPress professional theme templates.

++ ++

JQuery pageSlide is a jQuery plugin that controls the display and closure of a hidden page. Specifically, the current page occupies a complete page, and hidden pages cannot be seen. You can set a place for control. When you click this control, the event is triggered and the hidden page pops up. Click again to hide the space outside the page and it will be closed again.

Farbtastic ImgAreaSelect JQuery shopping website product display. 2, ZoomImage3, EasySlider4, The Slider from Barack Obama's website5. CodaSlider6. jQuery Slider II8, LoopedSlider9. SpaceGallery10, jQuery Popeye14, jQuery Multimedia Portfolio

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.