jQuery Grid Slider
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Lorem Ipsum

  • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Grid size:
Multiple categories:
   



Display:
   
   
   
Mouseover:
   

 
This is a jQuery grid slider with support for multiple categories, expandable html content, and lightbox. The slider is fully configurable and resizable through the plugin's parameters and stylesheet.

Features include:

  • Customizable number of columns and rows.
  • Support for multiple categories, with menu for easy category selection.
  • Expandable panel supports ajax, iframe, and inline content.
  • Multiple transition effects available, including horizontal slide, vertical slide, and fade.
  • Able to load unlimited number of thumbnail tiles, each with customizable caption and link.
  • Thumbnail tiles can support images as well as flash objects.
  • Show or hide components, including play button, directional buttons, and indexes.
  • Can set slider to automatically play on startup with customizable delay.
  • Detailed html description can be set for each tile and displayed in expandable panel when selected.
  • Embed html tags and regular text for captions and detail descriptions.
  • Captions can be set to align top, bottom, left, or right. Also, captions can be set inside or outside of tile.
  • Able to have captions appear on mouse over, with different transition effects.
  • Able to shuffle thumbnail tiles in random order.
  • Basic lightbox plugin included.
  • Support for mouse wheel scrolling.
  • Support for iOS and android devices.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum consequat consequat. Nunc vitae quam a quam accumsan luctus. Integer auctor, est et gravida suscipit, eros tellus sollicitudin dolor, quis semper est lectus id eros. Donec id aliquet nisi. Praesent ultricies dapibus consequat. Mauris malesuada bibendum dui, sit amet accumsan nunc vestibulum eget. Curabitur tristique, erat sed ultrices tristique, velit sem tempor libero, quis consectetur nulla diam in risus.

Proin ac elit justo. Quisque eros nibh, pulvinar eget suscipit sit amet, pulvinar viverra sem. Aliquam ut nisl massa, et rhoncus purus. Praesent id odio vel magna vehicula porta eu non orci. In id sapien dolor, eget malesuada turpis. Ut scelerisque est vitae nunc tincidunt rhoncus. Proin at lacus eu neque ornare porttitor tincidunt non ligula. Maecenas id orci quis lacus dapibus rhoncus in nec velit. Nunc in augue nibh. Vestibulum viverra, velit pretium posuere dapibus, velit felis imperdiet eros, hendrerit tincidunt augue lacus sed leo. Aenean placerat, dolor vitae aliquet fringilla, eros neque commodo lectus, sed lacinia velit magna a leo.

Morbi consectetur eros quis metus viverra ullamcorper. Ut dignissim, enim sed feugiat ultricies, quam neque euismod dolor, quis aliquam ante ligula id velit. Nulla facilisi. Mauris id euismod ligula. Curabitur ante sapien, rutrum quis consectetur in, vehicula elementum dui. Quisque leo nunc, interdum sed facilisis sit amet, porta ut elit. Vivamus eu tortor sit amet tortor commodo consequat. Pellentesque placerat sollicitudin nibh, sed commodo neque hendrerit ut. Quisque gravida suscipit orci, quis dapibus dolor volutpat ac. In eget libero dolor.

Mauris tortor dolor, posuere vitae dictum at, ullamcorper ut sapien. Curabitur viverra diam sit amet quam porttitor in feugiat nibh dignissim. Aenean pharetra consequat ultrices. Integer et accumsan magna. In ut turpis risus. Proin porta, orci sed tristique tincidunt, elit dolor pulvinar mauris, quis iaculis orci felis sit amet diam. Nam sem lorem, porta ac fermentum eget, molestie quis ligula. Suspendisse varius, arcu sit amet dictum elementum, augue mauris pretium dolor, ac lacinia turpis odio in tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse posuere tortor non lacus luctus a molestie tortor accumsan. Nulla vitae malesuada massa. Suspendisse potenti.

Sed et odio sem. Pellentesque ut mi erat. Proin pharetra, lacus eu ultrices ultrices, nunc mauris consequat arcu, sit amet fringilla neque metus vel tellus. Donec elit diam, ultrices quis hendrerit congue, euismod non augue. Fusce condimentum purus leo. Nulla bibendum, diam nec vulputate convallis, mauris dolor placerat turpis, non rhoncus magna neque rhoncus justo. In id massa id turpis lacinia aliquam et vitae lorem. Vivamus in odio laoreet est ultricies tempus ac a nisi.

Sed eget hendrerit eros. In sit amet dolor in tortor egestas vestibulum non nec magna. Curabitur iaculis lectus sit amet diam fermentum nec placerat leo posuere. Curabitur non quam in est ullamcorper sodales. Nulla cursus est a nulla adipiscing pretium. Ut volutpat tempus sem vitae bibendum. Integer quis elit ac elit accumsan posuere non sit amet neque. Nunc ante erat, varius sit amet viverra vitae, sagittis vel nisl. Nunc auctor, justo luctus sollicitudin mattis, lacus odio rhoncus lacus, eget pulvinar mauris erat ac purus. Phasellus rutrum sagittis consectetur. Ut ornare nulla id tortor volutpat vel consequat neque hendrerit. Cras id nisi ac felis adipiscing volutpat ac vel magna. Donec dignissim, libero vel lacinia sollicitudin, nisl justo commodo elit, lacinia tempor est neque vitae diam. Nullam eget pellentesque lectus. Mauris sem sem, varius lacinia tincidunt in, posuere et neque. Donec euismod orci eget lacus tincidunt interdum dapibus eros dictum.

Suspendisse tempus quam vitae nisi cursus sit amet sodales ligula facilisis. Proin pulvinar porta nisi, in fringilla lectus molestie nec. Nam eget lectus et nisi feugiat mattis nec dapibus purus. Nam porttitor risus ut nulla luctus dignissim. Mauris elementum ligula ut lorem suscipit mollis. Donec eget nisi lectus, id mollis ipsum. Morbi facilisis nisi at justo semper placerat. Aliquam vitae tortor fermentum magna ultrices pellentesque quis quis nibh. Nam varius, ante vitae mattis placerat, nibh lacus volutpat nulla, sit amet accumsan nisl nisi non nunc. Nam interdum lobortis dignissim. Praesent non lorem risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum hendrerit turpis id condimentum. Aenean tristique fringilla arcu vitae mattis. Phasellus tempor nibh at odio convallis aliquam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis imperdiet, sem vitae fringilla scelerisque, nisi magna ornare justo, quis vehicula quam erat id metus. Aenean luctus odio sit amet lacus aliquam ultricies. Donec id semper urna. Aliquam erat volutpat. Sed adipiscing dolor at eros blandit commodo venenatis dolor viverra. Quisque quis libero nec velit congue congue sed gravida ipsum. Suspendisse nibh arcu, aliquam sit amet rhoncus imperdiet, euismod vitae velit. Etiam semper rhoncus sagittis. Sed tortor eros, posuere vitae congue sit amet, dignissim sit amet augue. Sed vehicula ultricies eros, in eleifend arcu condimentum sit amet. Nunc accumsan tortor at enim feugiat dignissim luctus dui fermentum.

Nam eget lectus scelerisque neque euismod ultrices. Etiam ac leo eu justo faucibus aliquam vehicula sed dui. Quisque non sapien at nibh eleifend ullamcorper faucibus at massa. Etiam ut risus mauris, quis consectetur elit. Proin tincidunt ipsum eu urna vestibulum nec eleifend metus pretium. Morbi at est nec nulla cursus vulputate. Etiam pharetra purus id velit porttitor porta. Proin vitae diam euismod ligula convallis eleifend. Phasellus sed felis ante, in faucibus tellus. Nulla fringilla libero a neque facilisis congue. Duis non dui ut leo bibendum dignissim a ac felis. Donec sed leo risus, et gravida nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas vitae nunc quis tortor tempus euismod eu non tortor.

Cras praesent proin, amet arcu ut justo habitant sed platea, est laoreet habitant nonummy faucibus pede laoreet. Eget tellus malesuada magna aliquam. Facilisis ligula at et, dapibus elit aliquam est, lacus aptent erat gravida gravida dolores, lorem laoreet mauris quam mauris accumsan, sed maecenas ut bibendum tincidunt diam nunc. Sed lorem vestibulum lectus dictum, vestibulum non purus, vel eget iaculis tincidunt pulvinar nunc facilisi, elit condimentum consectetuer ante rutrum orci. Duis massa, vitae tincidunt magnam diam est eget, suscipit ut velit tempus urna, non eu maecenas in. Magna elementum elit voluptatem faucibus. Duis semper urna volutpat nulla, sed sollicitudin mauris etiam odio aenean wisi, aliquam magna mauris magna etiam nec, sapien porttitor. At pretium tincidunt at velit consectetuer, fringilla velit quis, amet sed et dolor. Turpis a, aliquam aliquam maecenas a arcu, sit excepteur vehicula placerat a mauris tellus, et curabitur sit eget, sed congue nostra vel. Sollicitudin vitae maecenas vitae integer ipsum, arcu orci sed nec cum fermentum magna, aenean vitae.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut nisi nunc, eu dictum turpis. Curabitur ut risus eros, ac fringilla nisl. Curabitur sagittis diam laoreet.
Mauris accumsan: 
Amet sed et dolor: 
Vitae tincidunt magnam: 
Rutrum orci: 
Duis massa: 
Gravida dolores: 
Voluptatem faucibus urna: 

Lorem Ipsum

Consectetur adipiscing elit. Curabitur in dignissim nisl. Integer nisl lorem, rhoncus sit amet aliquet eu, mollis ut sapien. Curabitur pellentesque eros quis ipsum tempor in malesuada erat mattis. Vestibulum pulvinar interdum placerat. Nunc posuere mi a eros consectetur nec rutrum massa rutrum. Fusce venenatis, ante non tincidunt fringilla, enim nulla malesuada massa, sit amet bibendum orci dui non felis. Aenean ornare, lectus sit amet rhoncus aliquam, mauris metus dapibus turpis, id volutpat orci justo nec nibh.

Curabitur hendrerit nisi id orci scelerisque lacinia. Sed euismod scelerisque neque sit amet ultricies. Pellentesque metus turpis, ullamcorper condimentum sagittis id, bibendum vitae velit. Cras vitae sapien odio. Etiam vehicula varius odio, sed hendrerit dui varius at. Nunc nibh risus, euismod ut tincidunt non, lacinia vitae felis. Nulla sit amet eros quis lorem tempor luctus et luctus lorem. Nam non justo odio. Aliquam condimentum ultricies bibendum. Integer pharetra posuere cursus. In egestas, elit et porta tristique, risus magna interdum ipsum, at aliquet eros est nec augue. Suspendisse a augue non diam eleifend consectetur vel eget arcu. Sed orci velit, facilisis quis pellentesque at, pulvinar eu metus. In dignissim tempor velit.

Fusce ut consectetur nisl. In sed est id ligula interdum malesuada. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ornare, velit in dignissim tempor, est neque euismod nibh, non pretium neque nisl et magna. Vestibulum eu ligula nunc, sed tincidunt lorem. Donec cursus fermentum justo a accumsan. Vivamus a erat tellus, sit amet convallis massa. Maecenas mollis rhoncus vestibulum. Suspendisse aliquet leo sed diam venenatis tristique. Donec eu auctor quam. Morbi ac augue lorem. In aliquet adipiscing erat, bibendum posuere augue viverra eget. Cras non metus vitae magna consequat iaculis sit amet ut ipsum. Integer gravida urna sit amet nibh suscipit mollis.

Vivamus sed magna eu mauris feugiat tincidunt vel sed mauris. Cras consectetur dapibus mi vitae posuere. Nam a suscipit velit. Duis aliquet, ante vitae venenatis tempus, lacus enim rutrum nulla, sit amet venenatis tortor tellus ac odio. In ut lorem libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur eu sapien lorem, quis sollicitudin turpis. Donec rhoncus interdum est, at molestie nibh pharetra quis.

Nunc vulputate dolor a libero pretium a congue dolor facilisis. Suspendisse luctus iaculis quam sit amet tempus. Maecenas eu ante iaculis nisi gravida condimentum ac in est. Quisque lectus sem, euismod quis vestibulum sodales, rutrum in dui. Vivamus elit odio, auctor vestibulum facilisis in, egestas sit amet tellus. In hac habitasse platea dictumst. Phasellus vitae est tincidunt metus consequat sodales. Donec mattis luctus nulla ac tempus. In hac habitasse platea dictumst. Aliquam odio massa, ullamcorper et interdum non, consectetur eget nunc. Praesent molestie arcu quis ante varius volutpat. Phasellus porttitor, massa vel vulputate vulputate, augue tellus rutrum orci, vel convallis eros urna eget nunc.