A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
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.
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 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.
The jQuery plug-in used to create a shortcut menu.
The jQuery plugin imgAreaSelect can select a rectangular area in an image.
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 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 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
The image magnifier plug-in developed based on jQuery.
JQuery Plugin: Text Highlight
This jQuery plugin helps you organize images and other content in a scrolling manner.
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.
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.
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.
PrettyPhoto is a "clone" of jQuery lightbox ". Added animation effects, Image Library browsing, and other features.
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.
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.
JQuery Flash Plugin
A jQuery plug-in is used to embed a Flash video into a page.
JQuery. SerialScroll is a jQuery plug-in used to create a rolling effect. It supports horizontal/vertical scrolling and mixed scrolling.
The jQuery plug-in InnerFade enables any group of elements (such as img and div) to fade in and out.
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.
Magnify is a jQuery plug-in that can add a magnifier to an image.
A prompt box is displayed when you move the cursor over the image.
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.
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.
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.
Image Upload and Auto Crop
Use the Crop tool developed by PHP and jQuery.
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.
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.
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.
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.
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.
Jquery Slideshow plugin. It is easy to customize the image switching effect. Provides functions such as opening/closing image titles and adding text watermarks.
JQuery Plugin-Page Peel
This is a jQuery plug-in used to create Page Peel (volume Page/Page peeling) effects.
A jQuery plugin that allows you to play images or any other content horizontally or vertically when you click a navigation button.
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.
Jquery Fade In. Fade Out
This is a jQuery plug-in used to make the image fade in and out.
This jQuery plug-in displays the title information on an image and slides as you move your mouse over the image.
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/demo1.html (previously done, non-preload)
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
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.
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 ?...!!!
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.
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.
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.
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.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service