Jquery Navigation Menu For Your Web Projects

A navigation menu helps visitors to interact with other pages and let them navigate through navigation menus to different pages of a particular website. A simple, neat minimalistic design always gain the attention of visitors, navigation menu plays a vital role in over all look and feel of a website that’s why designers should not ignore the navigation needs of a website. Designers use different types of navigation menus for different purposes such as image sliders menus, text effect menus, photo galleries and many more.Check Out these 12 jQuery Navigation Menu

1 Animated Content Menu With jQuery

Demo | Tutorial

2 Expanding Image Menu With jQuery

Demo | Tutorial

3 Portfolio Image Navigation With jQuery

Demo | Tutorial

4 Jquery One Page Navigation

Demo | Tutorial

5 Wander wall

Demo | Tutorial

6 Elastic Thumbnail Menu

Demo | Tutorial

7 Halftone Navigation Menu

Demo | Tutorial

8 Overlay Effect Menu

Demo | Tutorial

9 Sliding Boxes and Caption With jQuery

Demo | Tutorial

10 Rocking and Rolling Round Menu

Demo | Tutorial

11 How to Create A Cool Navigation Menu

Demo | Tutorial

12 Animated Text and Icon Menu With Jquery

Demo | Tutorial

Advertisements

20+ Free Images Slider or Content Slider Joomla Extensions

1. RS-FlashMatic Joomla Module | Demo

RSFlashMatic is a flash slideshow module. This is a Joomla Module works natively in Joomla 1.5.x environment. This is a highly customizable XML Image Rotator with more than 35 module options, including the masking size and speed. You can control the position of the elements on the screen, the number of images, as well as the colors – all from module parameter settings. You can use this module in any size you need

2. EMI SlideNews Joomla Module | Demo

EMI SlideNews is a powerful slider module with EMI SlideNews your can display Latest news intro a beautiful and user-friendly slider.

EMI SlideNews is an adaptation of the SlideDeck Free JavaScript based Content Slider

– control width and height
– working with ie8,firefox,safari,chromo

3. BonckoSlideShow Joomla Plugin | Demo

Add SlideShowPro gallery to you article or ligtbox just writing {bonckoslideshow}/foto/{/bonckoslideshow}.
Each subfolder becomes an album with its own soundtrack (if you like). But if ou prefers you can get photos from Picasa and Flick

I develop only the plugin ant that is free but you have to buy SlideShowPro to remove Green S
Video support will be avaiable asap

4. Vinaora Slick Slideshow Joomla Module | Demo

Fashionable flash + image slideshow with slick navigation and design, fully customizable from back-end, with a motion blur effect on image transition. The gallery navigation bar changes its color based on the displayed photo colors.

– Include demo slideshow
– Easy to config
– Easy to use
– Nice Effect

5. Yt Content Slick Slider Joomla Module | Demo

Yt Content Slick Slider is a great module for Content Component in Joomla. The module supports a lot of options for you to configure to your idea, 2 themes, 2 layouts and 25 effects, your website looks better.

– 2 Themes : Wood theme and Black theme
– 24 Effects
– Show articles in Categories or Sections
– Support to show the front-page articles
– Support SEO (Search engine optimization)

6. HOT Joomla Gallery | Demo

The “HOT Joomla Gallery” module by HotJoomlaTemplates.com is a fully configurable, simple gallery module, based on jQuery.

In module parameters, you have control over module display. You can change width, height, borders. Module colors are configurable (background color, font color, tabs color).

# LOAD JQUERY: Select wheter to load jQuery library or not. If your template already loads it, you may disable this to avoid possible javascript errors.
# FOLDER: Where your images are stored, relative to Joomla root directory.

7. Vinaora Cu3er Joomla Module | Demo

Vinaora Cu3er 3D Slide-show is a free Joomla! module (Joomla! extension) to show images in 3D Flash Slide-show. It has been conceived to create amazing 3D transition between slides. You can setup different transition effects for each slide and set their duration or delay. The different UI elements like next/back arrows and the pre-loader icon can be customized as well.

Vinaora Quber 3D Slide-show is another name of Vinaora Cu3er 3D Slide-show.

8. Nivo-Szaki Slider Joomla Module | Demo

Nivo Slider is a lightweight jQuery slideshow module.

Features:
* easy of use
* supports .jpg and .png
* supports linking images
* built in directional and control navigation
* keyboard navigation
* hover control
* built-in styles
* optional caption, link with every single image
* sound FX
* 11 unique transition effects

9. Easy Slider Joomla Module | Demo

Easy Slider Pro for Joomla!

Main features:

– Ajax slider (SEO friendly!)
– Full W3C validated code
– Numeric navigation and Next/Prev buttons navigation
– Automatic sliding
– Continuous motion
– Separate CSS file
– You can change colors and slider dimensions directly from admin zone!

10. DS Banner Slider Joomla Module | Demo

DS Banner Slider, Scroll your banner! So why do we need to create another banner slider, well we know there’s just so many banner slider out there that can do the tricks for you, but sometimes we would just love to use the banner component as a purpose of slideshow for simple use of unlink slideshow. Don’t get me wrong on this, this banner is as powerful as a lot of slider out there. For example there’s just endless parameter you can setup upon the back-end panel.

This module was inspire by open-lab:Matteo Bicocchi, special thanks for his jquery mb.scrollable plugin, we had modify his code a bit and transform it into joomla modules.

11. Simple Picture Slideshow Joomla Plugin | Demo

The bretteleben.de “Simple Picture Slideshow” plugin for Joomla!1.5 and Joomla!1.6 is a – as the name says – simple plugin to display a slideshow in content items. The images get faded out, this effect works with current major browsers. You decide if the slideshow starts automatically on pageload or is started by clicking a link/button in the content item.

Features:
– supports .jpg, .png und .gif
– can be aligned in your content item left, right, centered, float left or float right
– as many slideshows per content item as you want
– every sldieshow can be configured individually (Parameter Overrides)
– optional show title and/or text with every single picture (Captions)

12. SO News Module | Demo

So News Items is a module allow you use to display articles as a slideshow,  switch on/off image display. It is a scrolling new way to display sections, categories, or content on your Joomla site visually.

It is a beautiful module that puts great captions in Joomla, built in JQuery framework.

13. Vt dualSlider Joomla Module | Demo

Vt dualSlider Module is a great module which is easy to configure and use. You can use this module to high-light some articles in categories or sections.

Features:
– Support all browsers
– Show articles in categories or sections
– Show front-page articles
– Support SEO setting
– Auto play or stop
– Limit the number of article
– Enable / Disable Jquery

14. HOT Image Slider Joomla Module | Demo

Fully configurable, simple image rotator, based on jQuery. In module parameters, you have control over module display. You can change width, height and border size. Also, you can enable or disable image titles, image descriptions and navigation buttons. You can add internal or external link to each image in rotation. Module colors are also configurable (background, description text and buttons).

This module is cross-browser compatible, tested on IE6+, Firefox, Opera, Google Chrome and Safari.

15. Yt Content Slide Show | Demo

Vt CodaSlider Module is a simple module which is easy to configure and use. You can use this module to high-light some articles in categories or sections.

Features:
– Support all browsers
– Show articles in categories or sections
– Show front-page articles
– Support SEO setting
– Auto play or stop
– Limit the number of article
– Enable / Disable Jquery

16. DJ Image Slider | Demo

The DJ-Image Slider extension allows you to display image slides with title and short description linked to any menu item or url address.

Component features:
create categories for your slides
link it to your menu item or any URL
add the description that will overlay the image (can be disabled in module’s settings)
upload images easily

Module features:
select if module should work with dj-imageslider component or as standalone (images from folder)
select slider’s type (horizontal, vertical, fade)
select the category of images to be displayed

17. joSlider Joomla Module | Demo

A module for Joomla that allows use the script SlideDeck.

This module includes a free version of SlideDeck.

You can use your professional license, it suffices to indicate the path of the professional version.

We do not support the script SlideDeck.

New : add smart layout

18. JT SlideShow Joomla Module

JT SlideShow is a lightweight (jQuery) slideshow module. Its implementation is based on the jQuery Cycle Plugin by M. Alsup.

With JT SlideShow, you can…
specify one image folder or images from any location
assign captions and urls to images
make linkable images
choose the target window
select transition effect from 27 different effects
set timeout, speed, delay time, auto-pause, auto-stop, and etc. for transitions
make more than one slide show in one page
show navigation bar
show pagination bar

19. RS Slider Joomla Module | Demo

RS Slider is a simple Joomla Module Slider that rotate images in a given time.

Features

– Editable Slider Width and Height
– Unlimeted number of images and its descriptions
– Description Position Option
* Top
* Bottom
– Editable CSS style
– Include Images and Descriptions Hyperlink

20. Ytc Content Slider Joomla Module | Demo

Ytc Content Slider is a module for content component in Joomla. We have researched a lot of modules to have this module. It filters the image in article and show them as slideshow. You can use this module to show your specify articles which you want to highlight to your customers.

Features:
– Support all browsers (IE, FireFox, Chrome, Opera, Safari, …)
– Effects: Fade, Horizontal, Vertical
– Support Multi-Module in the same page
– Support Multi-Language
– Show articles in Categories or Sections
– Support to show the front-end articles

21. LV Enhanced Image Silder Joomla Module | Demo

The LV Enhanced Image Silder is a “Fire and Forget” Slider.
Insert your images in a folder and instantly slide all of them.
There are a lot of module parameters to configure it.

The Features are:

* super jQuery Cycle effects
* many cool parameters
* just 30kb JavaScript filesize (thanks to compression)
* colors can be ajusted
* has a navigation and index
* navi on / off features
* images can be opend in modalbox

22. Lof ArticlesSlideShow Joomla Module | Demo

The module is the most eye-catching way to display featured articles in the slide show, The module usually put in the top of the main content. With many animations supported and have an easy to control the module displaying via simple parameters, you can do everything as you like and let your client see Your Site In a impression way.

Features:
* Support both Joomla! 1.5 Native and Joomla 1.6 Native.
* Play slideshow with many directions such as horizontal, vertical direction (and more) mootools 1.1 and 1.2 framework.
* Allow display the list of articles from one or many categories.
* Customize User CSS formatting, allow override css in default template.
* Lightweight, modern and fast-loading design.

gMap jQuery Plugin – Embed Custom Google Maps

gMap is a lightweight (only 2 KB in size) jQuery plugin that helps you easily embed Google maps in your web pages. gMap is very flexible, and you can customize it in many different ways by passing a JSON object (containing various custom properties) to the GMap() function.
You can specify location of your gMap object using longitude and latitude. Additional features include ability to specify which controls you want, enable or disable zooming with mouse scroll-wheel , custom marker image, multiple markers, custom viewport position, and zoom.

http://gmap.nurtext.de/examples.html

Create Digg Like URL Submitter with JQuery PHP

Digg Like URL Submitter Using JQuery and PHP

In this tutorial show you to create something that fetching the submitted url data, some kind that many social bookmarking have, beside facebook, the other famous one is digg, auto submit when user paste an url, etc.  make the look and feel like a digg style, digg use very cool blue color combination.

Demo: http://demo.superdit.com/digg_url_submit/
Download: http://superdit.com/2011/01/18/digg-like-url-submitter-using-jquery-and-php/

CeraBox: Alternative to Fancybox

CeraBox – Alternative Lightbox for MooTools

CeraBox is alternative lightbox build on MooTools 1.3, inspired by Fancybox. CeraBox allow us to display images, SWF files or HTML  file. It can load iframes and make Ajax requests.

CeraBox can grouping images to be presented as a gallery where they can be browsed with prev-next buttons. CeraBox requires MooTools 1.3 +.

Demo & Download: http://cerabox.ceramedia.nl/

Sliderman: Advance Jquery Image slider

 

Sliderman.js is a standalone javascript library for sliding images. The main feature of Sliderman.js is multiple unique effects (25 in total) which you can set to use only one or a combination of them randomly, Images can have descriptions that can be displayed directly or on “hover” and effects can be customized from the delays/durations to the starting positions, number of tiles and more.

Sliderman.js also lets customizing any other details like background color, its opacity, autoplay on/off and images used.

Licence & User Agreement

1. You can use Sliderman.js for free until all copyright information is present in sliderman.js.
2. You may redistribute the script without changing the original source code.
3. If you have added new functionality to the code, please contact the author.

Demo: http://www.devtrix.net/sliderman/examples.html
Home: http://www.devtrix.net/sliderman/index.html
Download: http://www.devtrix.net/sliderman/download.html

25 Fresh jQuery Slider Plugins For Web development project

jQuery Slider Plugins with Tutorials

Content sliders are a great way to show large amount of content or images on a smaller area in a website or blog. They are commonly used in portfolio sites, corporate sites or blogs. JQuery slider and gallery plugins is one of the most popular Javascript libraries for creating dynamic and interactive effects for websites. In this post, we’ve collection of 25 high-quality jQuery slider and gallery plugins and tutorials to Boost Your Work article.

1. CU3ER – Flash 3D Image Slider

CU3ER – Flash 3D Image Slider
2. Avia Slider jQuery Plugin

Avia Slider jQuery Plugin
3. Advanced jQuery background image slideshow

Advanced jQuery background image slideshow
4. Nivo Slider – The Most Awesome jQuery Image Slider

Nivo Slider – The Most Awesome jQuery Image Slider
5. jqFancyTransitions

jqFancyTransitions
6. Create content swithcer without javascript

Create content swithcer without javascript
7. How to Create Facebook Sliders With Mootools and CSS

How to Create Facebook Sliders With Mootools and CSS
8. Blockster – Featured Content Slider With Transition Effect

Blockster – Featured Content Slider With Transition Effect
9. dualSlider – Two Sided jQuery Content Slider

dualSlider – Two Sided jQuery Content Slider
10. jCoverflip – Customizable jQuery CoverFlow Plugin

jCoverflip – Customizable jQuery CoverFlow Plugin
11. Fancy Sliding Form with jQuery

Fancy Sliding Form with jQuery
12. Create an Image Rotator with Description (CSS/jQuery)

Create an Image Rotator with Description (CSS/jQuery)
13. Colorful Sliders With jQuery & CSS3

Colorful Sliders With jQuery & CSS3
14. Coin Slider – jQuery Image Slider Plugin with Unique Effects

Coin Slider - jQuery Image Slider Plugin with Unique Effects
15. Easy Slider jQuery Plugin

Easy Slider jQuery Plugin
16. Create a Slick and Accessible Slideshow using jQuery

Create a Slick and Accessible Slideshow using jQuery


17. Create a Beautiful jQuery Slider Tutorial

Create a Beautiful jQuery Slider Tutorial
18. The Lof SiderNews Plugin
The Lof SiderNews Plugin

19. jQuery Blinds Slideshow using CSS Sprites

jQuery Blinds Slideshow using CSS Sprites
20. A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
21. jQuery Plugin – Feature List

jQuery Plugin – Feature List
22. Automatic Image Slider w/ CSS & jQuery

Automatic Image Slider w/ CSS & jQuery
23. The Piecemaker XML Gallery

The Piecemaker XML Gallery
24. Supersized jQuery Fullscreen Plugin

Supersized jQuery Fullscreen Plugin
25. Orbit – A Slick jQuery Image Slider Plugin

Orbit – A Slick jQuery Image Slider Plugin

%d bloggers like this: