| 1 | 2 Comments
Dylan Wagstaff

jQuery Resource Tutorials

Jquery Tutorials

(01) Lightbox Modals

  1. warren.mesozen.com/jquery-lightbox/
  2. ThickBox 3.1 jquery.com/demo/thickbox/ [IE7, position bug]
  3. jQuery Lightbox Plugin
  4. Facebox famspam.com/facebox [1.1]
  5. FancyBox fancy.klade.lv
  6. Simple Modal
  7. jqModal
  8. prettyPhoto
  9. Suckerfish HoverLightbox
  10. piroBox
  11. slimbox-2.0
  12. Greybox Redux
  13. ColorBox

(02) Menus & Navigation

  1. Elastic Menu : like mootools sliding effect
  2. Step Menu
  3. Navigation : LavaLamp
  4. Tree-View Menu
  5. jQuery File Tree
  6. Horizontal Scroll Menu with jQuery Tutorial
  7. jQuery UI Tabs
  8. Tabbed Content[demo]
  9. Build a Tabbed Box with CSS and jQuery[advanced]
  10. Create A Tabbed Interface Using jQuery
  11. Keypress Navigation Using jQuery
  12. Sliding Top Menu With jQuery
  13. Sprite + jQuery Navigation Background Image Animation
  14. Sliding Menu
  15. Apple style Menu
  16. Garage Door Style Menu
  17. Context Menu [2]
  18. jQuery ListNav Plugin
  19. Image Menu With jQuery (like mootools)
  20. "Outside the Box" Navigation with jQuery (dock style)

(03) Sliding (carousel) & Scroll Tickers

  1. coda-slider
  2. ez=jQuery (Easy Slide, Easy News, Easy News Plus, Easy POP Show
  3. liScroll (jQuery News Ticker made easy)
  4. InnerFade with jQuery
  5. Start/Stop Slider
  6. Horizontal Accordion [sample]
  7. Accessible News Slider
  8. Agile Carousel
  9. spy slide
  10. jQuery.scrollable
  11. Easy Image or Content Slider
  12. Sliding Boxes and Captions with jQuery
  13. jQuery pageSlide
  14. Full Screen Background SlideShow jQuery Plugin: Supersized
  15. tabSwitch
  16. Create A Tabbed Content Rotator Using jQuery
  17. JQuery Automatic Image Rotator (with PHP)
  18. jScrollPane

(04) Message Alerts

  1. Dialog
  2. jQuery AlertDialogs
  3. Floating Windows
  4. Tooltips simple tooltip Override Tooltips
  5. clueTip plugin
  6. jGrowl (notice)
  7. Top Floating Message box using jQuery
  8. jquery.alerts
  9. SimpleTip
  10. jCaption: jQuery Image Captions with Customizable Markup, Style and Animation

(05) Date Pickers (Calendar)

  1. jQuery UI datepicker
  2. Calendar(date-picker)
  3. Date Range Picker
  4. jCalendar
  5. DatePicker: www.eyecon.ro/datepicker/

(06) Web Color Pickers

  1. Color Picker
  2. eyecon.ro/colorpicker/

(07) Charts

  1. Flot, jQuery plotting plug-in
  2. charts using canvas
  3. jQchart
  4. jQuery.sparkline
  5. jGCharts(jQuery + Google Charts)

(08) JQuery Accordions

  1. Accordion
  2. dynamicDrive version accordion
  3. from Roshanbh.com Blog
  4. accordion, a simple horizontal accordion plugin for jQuery

(09) Forms & Validation

  1. Form
  2. Nice Form
  3. Form Input Plugin
  4. Flexible and Semantic Forms
  5. Submit A Form Without Page Refresh using jQuery
  6. autotab
  7. Using Ajax to Validate Forms
  8. Auto-populating Select Boxes using jQuery & Ajax
  9. jQuery tutorial: Text box hints EZPZ Hint (input text hint) jQuery Lnine Form Labels
  10. Forms, Context highlighting
  11. SmartMarkUp Editor

(10) Image Effects

  1. imgAreaSelect(crop) [PHP & jQuery image upload and crop]
  2. Jcrop (crop)
  3. jQZoom
  4. jQuery Cycle plugin
  5. Fix the missing PNG-transparency in IE5.5, IE6
  6. Image Show(ImageFlow)
  7. SpaceGallery
  8. jquery-exif-data-plugin
  9. jParallax view layered image
  10. SliderViewer
  11. Galleriffic
  12. dwImageProtector Plugin for jQuery
  13. s3Slider
  14. jQuery sIFR(Scalable Inman Flash Replacement) Plugin (Fonts and the Web)
  15. Animated InnerFade with jQuery(panorama view)
  16. Simple Panorama Viewer
  17. imgPreview
  18. Creating a polaroid photo viewer with CSS3 and jQuery
  19. Create a nuique Gallery by using z-index and jQuery
  20. GalleryView - A jQuery Content Gallery Plugin
  21. Fancy Thumbnail Hover Effect w/jQuery
  22. Animate Image Filling Up Using jQuery

(11) Table

  1. tableSorter
  2. Zebra-Stripe Tables
  3. jQuery Table Striping Bug

(12) Utility Functions

  1. Dimension
  2. Interface
  3. Easing(HowTo)
  4. getUrlParam
  5. jQuery.Hotkeys.Testing
  6. Parsing Strings with jQuery
  7. addSizes.js: Sanzzy automatic link file-size generation
  8. Creating a Virtual jQuery Keyboard
  9. Cookie
  10. Equal Height Columns with jQuery
  11. The EqualHeights jQuery Plugin
  12. PIXASTIC (JavaScript Image Processing Library)

(13) Animation Effects

  1. Flip
  2. Fading color effect for inline text links using jQuery
  3. FlyOffPages
  4. Simple Page Peel Effect with jQuery & CSS [pagePeel]
  5. Expand Collapse HTML with JQuery

(14) JQuery Ajax

  1. jSuggest 1.0 - Advanced Auto-complete for jQuery
  2. Ajax/RSS Feeder

Miscellaneous

  1. jRails (jQuery on Rails)
  2. Feature your products with jQuery
  3. Simple Star Rating System
  4. jQuery Corner
  5. Virtual Tour
  6. Text Highlighting
  7. jQuery.pagination
  8. jQuery SWFObject Plugin
  9. Playing and Controlling MP3 songs and FLV video with javascript
  10. jQuery.gameQuery
  11. jQuery and Google Maps
  12. Easy Display Switch with CSS and jQuery
  1. Replacing images at time intervals 1 & 2
  2. 20+ Wicked Proof of Concepts for Better use of jQuery/CSS .
  3. Create a Fancy F.A.Q. Page with JQuery
  4. jquery.scrollable 1.0.2
  5. Creating a Slick Auto-Playing Featured Content Slider
  6. Force Secure Form Submission
  7. Create an apple style menu and improve it via jQuery
  8. Image Menu with Jquery
  9. jQuery Ribbon
  10. Introducing MooTools ScrollSpy
  11. Targeting Advanced Elements in jQuery
  12. Top 5 jQuery Modal Plugins
  13. 15 Awesome jQuery plug-in
  14. 15 jQuery Plugins to enhance your HTML form elements
  15. 15 Exceptional JQuery Resources And Tutorials
  16. 36 Eye-Catching Jquery Navigation Menus
  17. Essential Controls List (Jquery UI Developments)
  18. JQuery Tips
  19. UniformPlugin (Uniform Form Controls)
  20. 11 keystrokes that made my jQuery selector run 10x faster
  21. Custom jQuery selectors

2 Comments

I'm having a couple issues with the image rotator and could use some help. I'm also pretty new to this cdd/php/jquerry I can get the original demo working fine but I would like to place it on top of an image on my page, Also I was trying to add the php for reading from folder but it seems to not work. I have multiple image locations/paths to get the images from but I am missing something. Any help would be great and thank you in advance :)

Hi Flexxall,
To add a background image you would place a container div tag around the image menu and assign it a background image with css.

The php code written will only pull from one folder and it looks for .jpg. So simply make sure your images for the menu are in the same folder and are jpg.

Leave a comment

what will you say?

(You may use HTML tags for style)

Fans

Recent Entries