jQuery Ajax - load() method AJAX stands for Asynchronous JavaScript And XML, it is a technique for creating fast and dynamic web pages. Ajax lets us send requests from the browser to the server, and manage the server response without page reload, so we can update a part of the page while the user remains on the same page. jQuery has multiple methods (functions) for AJAX. In this tutorial it's presented the load() method. The load() method is a simple AJAX function that loads data from the server and place the returned HTML into the matched element on the current web page. Syntax: $('element').load(url, data, complete) - url - specifies the URL to which the request is sent. - data - (optional) a string that is sent to the server with the request. - complete - (optional) a function that is executed when the request completes. For security reasons, the external file with the content you load must be stored on the same domain (server) as the web page from which your script is running. Let's see a simple example. <! <! <!
30 jQuery Image Gallery Plugins JQuery is deemed as the backbone of web development, it is a concise JavaScript Library which can simplify HTML document traversing, event handling, animating, and Ajax interactions for rapid web design and development. With jQuery you can enjoy new way of web development and image galleries are the best way to use it effectively! In the following round-up we have listed a set of 30 Useful and easy to understand jQuery image gallery plugins which will help you in adding Photo galleries, slideshows with ease. If you like the article you might be interested in our other article on 15 Best jQuery Image Slider Plugins 1. Justified Gallery is a jQuery plugin that allows you to create a high quality justified gallery of images. 2. S Gallery is a Responsive jQuery Gallery Plugin with CSS3 Animations. 3. MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. 4. 5. 6. 7. 8. 9. 10. jq Tiles 11. 12. 13. 14. 15.
Demo - Pikachoose a jQuery Slideshow - Pikachoose 11 Best jQuery Plugins December 2011 In this post, we have compiled 11 best jquery plugin for december 2011 that are used to let you stand out unique in the latest web trend. Enjoy !. An amazing plugin for jQuery 1.6+ & HTML5 fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. PicStrips adds a little style to your images to help them stand out from the crowd. The jQuery webcam plugin is a transparent layer to communicate with a camera directly in JavaScript. Textualizer is a jQuery plug-in that allows you to transition through blurbs of text. Tubular is a jQuery plugin that lets you set a YouTube video as your page background. The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects. Craftyslide is a tiny (just 2kb) slideshow built on jQuery.
Justified Gallery Category: JQuery plugin Release Date: 10/2012 Technologies: Javascript, CSS, HTML, JQuery This is a JQuery plugin that allows you to create an high quality justified gallery of images. Ideally, we want a disposition of the images without cropping them. See it in action This is an example of use of this plugin. More examples can be found in the zip file, downloadable from Github. How to use the plugin The plugin accepts a standard format for a gallery: a series of links with a thumbnail inside, and where each link leads to the original image. Files to include The plugin needs JQuery. Just a Call Now, you only need to call the plugin that will justify all the images, with the default options. Important configurations An important configuration of the plugin is the row height. If the row is full, the algorithm removes the images that can’t stay in the same row. This changes the row height, or cuts the images if you have configured the plugin to have a fixed height. High quality galleries Options
jsTree Tiny Circleslider: A lightweight circular carousel for jQuery What is it? Tinycircleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library. Features IOS and Android support. Need support or custom features? Anything is possible! Examples $(document).ready(function(){ $('#circleslider1').tinycircleslider();}); Note: There is no lightbox natively in tiny circleslider for this example fancybox was used. To get a better understanding of how it all comes together I made a (corny) styled example. Constructor Properties Methods Events Usage The image below displays how you calculate the radius of your circleslider.
Isotope, Masonry, Tiles Gallery and Final Tiles Gallery I don't know why and how, but it looks like I have a real obsession for tiled galleries and automatic grid systems Currently, there are a fistful of considerable javascript plugins able to build self-composing grids. I want to compare four of these plugins: Final Tiles Gallery It's a jQuery plugin that can build a responsive tiled gallery. The example on the left show what happens without a snapping grid: tiles tend to arrange in a multi-column layout, like Pinterest, to be clear. An example of this plugin: Tiles Gallery The aim of Tiles Gallery is to completely fill an area with images, without spaces between them. To achieve this result, the gallery must crop the images, actually it's a smart crop, that is you can decide what part of the image can be cropped. Isotope The aim of Isotope is placing elements in a way that minimizes empty spaces between them. Masonry There's no much to say about Masonry, you have seen many sites using a Pinterest-clone layout,