background preloader

YoxView - jQuery image viewer plugin

YoxView - jQuery image viewer plugin
YoxView is a free Lightbox-type media and image viewer jQuery plugin. It's easy to use and feature-rich. Check out the changelog for news and updates! Updates are also available on Twitter or by RSS. Example Images © Guy Bibi Other media + skin: Features FREE to use under the MIT license and open-sourced.

http://www.yoxigen.com/yoxview/

Related:  DEVELOPP | PART 01

Portfolio Image Navigation with jQuery « Previous Demo: Expanding Fullscreen Grid Portfolio Images by Angelo González back to the Codrops post Portfolio Image Navigation Up Down Previous Next 14 Fresh and Useful jQuery Plugins jQuery has changed the way developers write JavaScript and the way users interact with websites and web applications. If you’re a developer, you know what a joy working with jQuery can be, especially the convenience of plugins. In this post, we’ve rounded up 14 fresh and useful jquery plugins that have been released in the past few months. You’ll find that these plugins offer a wide range of functionality, from navigation enhancements to image viewing. BubbleUp With BubbleUP, images in a list will enlarge with a smooth animation when you move your mouse over it.

100+Useful jQuery Image Slideshow and Content Slider Free jQuery plugin for image slideshow and content slider are now become very popular for images gallery and css slider you can see them in thousand of blogs and websites. It is really useful for design blog to show the featured contents and i also think it is a great way to attract the visitors which also gives a beautiful look to blogs. It is really useful example and tutorials very detailed image gallery with jquery. Automatic Image Montage with jQuery Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right image number to fill all the available space or also the size of the images in use. With the following script you can automatically create a montage, either for a liquid container or a fixed size container (including fullscreen), with the option to fill all the gaps. View demo Download source Having a white space in the end of the container can, as well, be avoided optionally. The last image of the montage can fill the left space, so that the montage will be left gap-less.

jQuery Tutorials for Designers This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don't know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I'm not going to get into the details of the CSS. Note: the version used in this article is jQuery 1.2.3 Content Rotator with jQuery Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thumbnails will reveal a scrollable text container and the navigation arrows will move up so that one can navigate to the previous or next slides. View demo Download source The beautiful images are by Andrey & Lili.

Animated Portfolio Gallery with jQuery A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.

jQuery tooltip scripts, 100+ best One of the most important things when evaluating a website is realize if it offers enough hints and solutions to be found by the audience their navigation across the entire page, think of it as a sailor who needs to see the beacon’s light while approaching to the shore, there’s no way that the sailor will find the city’s Major waiting and guiding him to reach the dock, not even the sheriff will have time for that, but the beacon will always be there to enlighten the sailor’s way. This showcase reunites the most important and useful tooltip scripts that can be easily implemented on your site. From AJAX and JavaScript solutions to some lite CSS and jQuery applications, you will find the nicest and well executed tooltip scripts and then check if any of these can fit to your needs.

Dynamic Drive CSS Library- CSS Image Gallery CSS Image Gallery Author: Dynamic Drive This is a purely CSS based image gallery that displays larger versions of thumbnail images dynamically when the mouse hovers over them. A rich HTML caption can be added to the enlarged image, and every aspect of the Image Gallery exists as plain HTML on the page. The idea is to use CSS's ":hover" pseudo class to cause an element to react onMouseover. When that happens, an absolutely positioned container holding the enlarged image, anchored on the page by another container with position set to relative, is shown.

Photobox – CSS3 jQuery image gallery – dropthebit I wanted 3 things from any image gallery script: first, it to be beautiful and posses a great look & feel. second to be lightweight and not use many assets, and third, I want a script that was built with performance at mind. I was working on something else entirely when I had to find a nice image gallery script. I wanted one of those that the user would basically click a thumbnail and the larger version of the image would be displayed on top of the page, in a modal window fashion. Feb 2 - Version 1.6 is available.

AnythingSlider Download from GitHub Lots of people have worked on AnythingSlider and there is a lot more to it than you can see here (themes, effects, options, etc). Go snag the code from GitHub to see the full monty. Features Panels are HTML Content (can be anything). FlexSlider - The Best Responsive jQuery Slider namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin animation: "fade", //String: Select your animation type, "fade" or "slide" easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!

Search for "youtube" HTML5 Video Player like YouTube in jQuery plugin VideoControls is a open source free plugin made in jQuery for display a YouTube-Like control bar. Based on the new HTML5 tag <video>, VideoControls is cross platform, simple and free […] LazyYT.js : A jQuery plugin to lazy load Youtube videos This is a jQuery plugin to lazy load Youtube videos. On the initial load, the div will be replaced by a preview img of the video. 25 jQuery Plugins to help with Responsive Layouts The most popular topic of discussion at the moment is undoubtedly responsive layouts in web design. Without going into it too much, a responsive layout allows you to offer a specific and optimised screen size based on whatever device (mobile, tablet…) the visitor uses. You would typically use Media Queries to resize the overall layout, but what about all of those individual elements and features that make your page unique? Navigation, forms, images, sliders, carousels… they all need to be optimised as well.

Related: