jquery, plugins, thablesorter, ycodaslider

YCodaSlider 2.0 rc2

05.11.08 | 38 Comments

(UPDATE 2009-03-05) – YCODASLIDER 3.0.

Slider scripts are one of the common objects of newspaper & portal websites.
They are very useful as they help us present more content in a limited space.
This script helps you present your content with a tabbed menu + previous-next buttons to switch between tabs.
YCodaSlider 2.0 requires jQuery to run and you can use any type of content inside the slider like HTML, Flash, webpages etc.
It can be configured easily to use different effects while changing the content.
from :
www.webresourcesdepot.com

Based on Gian Carlo Mingati’s slideViewer

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html

Based on Niall Doherty’s coda-slider
http://www.ndoherty.com/coda-slider

Inspired by the clever folks at http://www.panic.com/coda

UPDATES:
2008-05-24 – RC2 : refactory ycodaslider code. add sidebars option. fix nav width bug. cut pre-loading code and yslider-toggle css class

2008-05-19 – fix ie6 bugs in demo site (css properties, png/gif replace, padding, tag pre+code) and moz-user-select in galleries. TODO: keycodes abstraction layer for different platforms.

Popularity: 100% [?]

This entry was written by Massimiliano Balestrieri, posted on 11 May 2008 at 14:52, filed under jquery, plugins, thablesorter, ycodaslider and tagged , , , . Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL.

7 Comments

  1. Joe Mako
    Posted 16 May 2008 at 17:33 | Permalink

    Very Slick :)

    There is one usability issue I ran into, after clicking through the tabs, I pressed the back button in my browser, and it did not take me back. I saw the “#3″ change to “#2″ in the address bar, but the page did not change.

    It was initially disconcerting the that back button did not take me back and then slightly annoying that I had to press it repeatedly.

    It is very well done, but I don’t think I would use this if it breaks the back button.

  2. Massimiliano Balestrieri
    Posted 16 May 2008 at 19:42 | Permalink

    @Joe

    I fixed the problem. Now the history (and link) are disabled by default.
    If you include history_remote plugin you can set in the options {history : true} and have the right “user experience”.

    :) bye Max

    see the history example in my post

  3. Umut Muhaddisoglu
    Posted 4 June 2008 at 00:11 | Permalink

    Thanks for using the WebresourcesDepot intro and providing the link.

    And, thanks for creating this nice slider.

  4. Soul
    Posted 5 August 2008 at 18:42 | Permalink

    It’s great. It improves on Niall Doherty’s coda-slider. However It’s still is very limited due to the fact same page cross-linking isn’t supported it does work for firefox but internet explorer doesn’t work with it. Which this feature is really needed to give it a even better look and to take out the tabs.

  5. Riad Marrakech
    Posted 24 May 2009 at 10:29 | Permalink

    Great work
    Thanks for this awesome script

  6. Csaba
    Posted 10 July 2009 at 00:04 | Permalink

    Coda is great… and this script too ;)

  7. Massimiliano Balestrieri
    Posted 10 July 2009 at 09:24 | Permalink

    @all

    http://maxb.net/blog/2009/03/05/ycodaslider-30/

31 Trackbacks

  1. By Links of Interest - CSS-Tricks on 14 May 2008 at 14:45

    [...] My favorite jQuery-based “slider” has gone v2.0. [...]

  2. By The ultimate jQuery Plugin List | Kollermedia.at on 15 May 2008 at 10:00

    [...] jQuery Plugin Accordion jQuery Accordion Plugin Horizontal Way haccordion – a simple horizontal accordion plugin for jQuery Horizontal Accordion by portalzine.de HoverAccordion Accordion Example from fmarcia.info jQuery Accordion Example jQuery Demo – Expandable Sidebar Menu Sliding Panels for jQuery jQuery ToggleElements Coda Slider jCarousel Accesible News Slider Plugin Showing and Hiding code Examples jQuery Easing Plugin jQuery Portlets AutoScroll Innerfade CodaSlider [...]

  3. By links for 2008-05-15 | JeremiahTolbert.com on 15 May 2008 at 18:42

    [...] (function() { : YCodaSlider 2.0 (BETA) This is exactly what I was imagining for my portfolio page. (tags: jQuery, slider, javascript, webdesign) [...]

  4. By Free Web Resources - Web Resources Depot on 16 May 2008 at 07:01

    Coda-Like Slider: YCodaSlider 2.0…

    Slider scripts are one of the common objects of newspaper & portal websites. They are very useful as they help us present more content in a limited space.
    YCodaSlider 2.0 is a slider script, inspired from Panic – Coda, and based on the Coda Slider …

  5. By roScripts - Webmaster resources and websites on 16 May 2008 at 22:14

    (function() { : YCodaSlider 2.0 (BETA)…

    (function() { : YCodaSlider 2.0 (BETA)…

  6. By links for 2008-05-17 | Libin Pan on 17 May 2008 at 08:33

    [...] (function() { : YCodaSlider 2.0 (BETA) Codez4mac (tags: jquery javascript slider gallery) [...]

  7. By links for 2008-05-18 « toonz on 19 May 2008 at 01:30

    [...] (function() { : YCodaSlider 2.0 (BETA) (tags: javascript slider gallery ajax) [...]

  8. By OneDesign| YCodaSlider 2.0 on 19 May 2008 at 15:58

    [...] YCodaSlider 2.0 este un slider script, inspirat din Panic – Coda, si bazat pe Coda Slider of Niall Doherty. [...]

  9. By YCodaSlider - Slider script on 20 May 2008 at 02:49

    [...] YCodaSlider 2.0 is a slider script, inspired from Panic – Coda, and based on the Coda Slider of Niall Doherty. [...]

  10. By YCodaSlider on 22 May 2008 at 20:07

    [...] atrasa a velocidade de consumo mas por vezes acaba por permitir alguma funcionalidade. É o caso do YCodaSlider que produz um efeito já usado em grandes portais como solução económica em [...]

  11. By dooz blog » Blog Archive » Interessante Links on 27 May 2008 at 09:13

    [...] Ein Slider, der auf jQuery basiert: YCodaSlider (v2.0) [...]

  12. By Two notes on YCodaSlider at temporaneità on 11 June 2008 at 14:06

    [...] I think that newcomers need simple notes to use YCodaSlider. [...]

  13. By (function() { : Muti Africa Trek on 30 June 2008 at 21:54

    [...] qualche foto servita grazie ycodaslider + lazyload. Navigatele con le frecce della tastiera. [...]

  14. By 240 удивительных плагинов для jQuery | Parinoff Life on 31 October 2008 at 15:46

    [...] CodaSlider [...]

  15. By jQuery好用的240 plugin list | 偉士牌的實驗室 on 5 January 2009 at 08:23

    [...] jQuery Plugin Accordion. jQuery Accordion Plugin Horizontal Way. haccordion – a simple horizontal accordion plugin for jQuery. Horizontal Accordion by portalzine.de. HoverAccordion. Accordion Example from fmarcia.info. jQuery Accordion Example. jQuery Demo – Expandable Sidebar Menu. Sliding Panels for jQuery. jQuery ToggleElements. Coda Slider. jCarousel. Accesible News Slider Plugin. Showing and Hiding code Examples. jQuery Easing Plugin. jQuery Portlets. AutoScroll. Innerfade. CodaSlider. [...]

  16. By birkof’s blog » Blog Archive » Lista de plugin-uri jQuery on 4 February 2009 at 11:13

    [...] jQuery Plugin Accordion jQuery Accordion Plugin Horizontal Way haccordion – a simple horizontal accordion plugin for jQuery Horizontal Accordion by portalzine.de HoverAccordion Accordion Example from fmarcia.info jQuery Accordion Example jQuery Demo – Expandable Sidebar Menu Sliding Panels for jQuery jQuery ToggleElements Coda Slider jCarousel Accesible News Slider Plugin Showing and Hiding code Examples jQuery Easing Plugin jQuery Portlets AutoScroll Innerfade CodaSlider [...]

  17. By 240+ plugins para jQuery | Lo Pongo Acá on 6 February 2009 at 08:13

    [...] jQuery Plugin Accordion jQuery Accordion Plugin Horizontal Way haccordion – a simple horizontal accordion plugin for jQuery Horizontal Accordion by portalzine.de HoverAccordion Accordion Example from fmarcia.info jQuery Accordion Example jQuery Demo – Expandable Sidebar Menu Sliding Panels for jQuery jQuery ToggleElements Coda Slider jCarousel Accesible News Slider Plugin Showing and Hiding code Examples jQuery Easing Plugin jQuery Portlets AutoScroll Innerfade CodaSlider [...]

  18. By Coda-Like Slider: YCodaSlider 2.0 on 8 May 2009 at 19:22

    [...] YCodaSlider 2.0 is a slider script, inspired from Panic – Coda, and based on the Coda Slider of Niall Doherty. [...]

  19. By 240+ awesome Plugins in the List « Er.Krushna Chandra Muni :: Website Design Orissa,Website Design Bhubaneswar,Indian Web Designer,Indian Freelancer,website design india on 4 August 2009 at 02:29

    [...] jQuery Plugin Accordion jQuery Accordion Plugin Horizontal Way haccordion – a simple horizontal accordion plugin for jQuery Horizontal Accordion by portalzine.de HoverAccordion Accordion Example from fmarcia.info jQuery Accordion Example jQuery Demo – Expandable Sidebar Menu Sliding Panels for jQuery jQuery ToggleElements Coda Slider jCarousel Accesible News Slider Plugin Showing and Hiding code Examples jQuery Easing Plugin jQuery Portlets AutoScroll Innerfade CodaSlider [...]

  20. By Mr. Nqdungx » Blog Archive » 240 jQuery plugins on 5 August 2009 at 05:23

    [...] jQuery Plugin Accordion. jQuery Accordion Plugin Horizontal Way. haccordion – a simple horizontal accordion plugin for jQuery. Horizontal Accordion by portalzine.de. HoverAccordion. Accordion Example from fmarcia.info. jQuery Accordion Example. jQuery Demo – Expandable Sidebar Menu. Sliding Panels for jQuery. jQuery ToggleElements. Coda Slider. jCarousel. Accesible News Slider Plugin. Showing and Hiding code Examples. jQuery Easing Plugin. jQuery Portlets. AutoScroll. Innerfade. CodaSlider. [...]

  21. By 200 jQuery plugins | Sinoyan on 13 August 2009 at 12:59

    [...] CodaSlider. [...]

  22. By 240 plugins Jquery | flazann on 29 September 2009 at 17:31

    [...] jQuery Plugin Accordion jQuery Accordion Plugin Horizontal Way haccordion – a simple horizontal accordion plugin for jQuery Horizontal Accordion by portalzine.de HoverAccordion Accordion Example from fmarcia.info jQuery Accordion Example jQuery Demo – Expandable Sidebar Menu Sliding Panels for jQuery jQuery ToggleElements Coda Slider jCarousel Accesible News Slider Plugin Showing and Hiding code Examples jQuery Easing Plugin jQuery Portlets AutoScroll Innerfade CodaSlider [...]

  23. By 01WEB-专注于 网页设计 网站开发 用户体验 收集创意 采集灵感 发现喜悦 纯净生活 » Blog Archive » 两百个jQuery插件集合 on 8 December 2009 at 11:28

    [...] Accordions, Slide and Toggle stuff jQuery Plugin Accordion. jQuery Accordion Plugin Horizontal Way. haccordion – a simple horizontal accordion plugin for jQuery. Horizontal Accordion by portalzine.de. HoverAccordion. Accordion Example from fmarcia.info. jQuery Accordion Example. jQuery Demo – Expandable Sidebar Menu. Sliding Panels for jQuery. jQuery ToggleElements. Coda Slider. jCarousel. Accesible News Slider Plugin. Showing and Hiding code Examples. jQuery Easing Plugin. jQuery Portlets. AutoScroll. Innerfade. CodaSlider. [...]

  24. By 240+ плагинов к Jquery ot Jurgen Koller-а - Блог Геворка on 3 January 2010 at 00:54

    [...] jQuery Plugin Accordion jQuery Accordion Plugin Horizontal Way haccordion – a simple horizontal accordion plugin for jQuery Horizontal Accordion by portalzine.de HoverAccordion Accordion Example from fmarcia.info jQuery Accordion Example jQuery Demo – Expandable Sidebar Menu Sliding Panels for jQuery jQuery ToggleElements Coda Slider jCarousel Accesible News Slider Plugin Showing and Hiding code Examples jQuery Easing Plugin jQuery Portlets AutoScroll Innerfade CodaSlider [...]

  25. By Perfect Galleries with Jquery « artuc on 10 January 2010 at 14:33

    [...] Image Reflection http://jquery.com/plugins/project/reflection 16-05-2008 Fri : http://maxb.net/blog/2008/05/11/ycodaslider-20/ http://devkick.com/lab/galleria/ Common slide-show animations : [...]

  26. By 240 удивительных плагинов для jQuery | Soul DS on 14 January 2010 at 10:44

    [...] CodaSlider [...]

  27. By jQuery插件 | DesignStudio-50M深蓝 on 29 January 2010 at 05:28

    [...] Accordions, Slide and Toggle stuff jQuery Plugin Accordion. jQuery Accordion Plugin Horizontal Way. haccordion – a simple horizontal accordion plugin for jQuery. Horizontal Accordion by portalzine.de. HoverAccordion. Accordion Example from fmarcia.info. jQuery Accordion Example. jQuery Demo – Expandable Sidebar Menu. Sliding Panels for jQuery. jQuery ToggleElements. Coda Slider. jCarousel. Accesible News Slider Plugin. Showing and Hiding code Examples. jQuery Easing Plugin. jQuery Portlets. AutoScroll. Innerfade. CodaSlider. [...]

  28. By Jquery Kütüphanesi « Birebir Paylaşım on 18 February 2010 at 23:26

    [...] jQuery Plugin Accordion jQuery Accordion Plugin Horizontal Way haccordion – a simple horizontal accordion plugin for jQuery Horizontal Accordion by portalzine.de HoverAccordion Accordion Example from fmarcia.info jQuery Accordion Example jQuery Demo – Expandable Sidebar Menu Sliding Panels for jQuery jQuery ToggleElements Coda Slider jCarousel Accesible News Slider Plugin Showing and Hiding code Examples jQuery Easing Plugin jQuery Portlets AutoScroll Innerfade CodaSlider [...]

  29. By Более 240 плагинов jQuery « XOCT.IN on 4 March 2010 at 00:42

    [...] jQuery Plugin Accordion. jQuery Accordion Plugin Horizontal Way. haccordion – a simple horizontal accordion plugin for jQuery. Horizontal Accordion by portalzine.de. HoverAccordion. Accordion Example from fmarcia.info. jQuery Accordion Example. jQuery Demo – Expandable Sidebar Menu. Sliding Panels for jQuery. jQuery ToggleElements. Coda Slider. jCarousel. Accesible News Slider Plugin. Showing and Hiding code Examples. jQuery Easing Plugin. jQuery Portlets. AutoScroll. Innerfade. CodaSlider. [...]

  30. By 小叶子 » Blog Archive » jQuery插件列表 on 20 March 2010 at 11:14

    [...] jQuery Plugin Accordion jQuery Accordion Plugin Horizontal Way haccordion – a simple horizontal accordion plugin for jQuery Horizontal Accordion by portalzine.de HoverAccordion Accordion Example from fmarcia.info jQuery Accordion Example jQuery Demo – Expandable Sidebar Menu Sliding Panels for jQuery jQuery ToggleElements Coda Slider jCarousel Accesible News Slider Plugin Showing and Hiding code Examples jQuery Easing Plugin jQuery Portlets AutoScroll Innerfade CodaSlider [...]

  31. By Lista de plugin-uri jQuery « birkof's blog on 15 May 2010 at 14:55

    [...] jQuery Plugin Accordion jQuery Accordion Plugin Horizontal Way haccordion – a simple horizontal accordion plugin for jQuery Horizontal Accordion by portalzine.de HoverAccordion Accordion Example from fmarcia.info jQuery Accordion Example jQuery Demo – Expandable Sidebar Menu Sliding Panels for jQuery jQuery ToggleElements Coda Slider jCarousel Accesible News Slider Plugin Showing and Hiding code Examples jQuery Easing Plugin jQuery Portlets AutoScroll Innerfade CodaSlider [...]

Post a Comment

Your email is never shared. Required fields are marked *

*
*