Skip to content

Change log

Jump to bottom Edit New page
Mottie edited this page Aug 7, 2011 · 35 revisions

Wiki: Home | FAQ | Setup | Usage ( Appearance , Navigation , Slideshow , Callbacks & Events , Video , Interactivity & Misc ) Change | Credits

###Version 1.7.8

  • Added delayBeforeAnimate option
    • This value is the amount of time to pause the slider before animating to the targeted slide.
    • Used if you want users to see the "out" effects applied by the FX extension.
    • Default value is zero.

###Version 1.7.7.1

  • Added stopRepeat option to the FX extension.
    • When true, the FX will not repeat when clicking on the current navigation tab.
    • When false (default setting), the FX will animate on any navigation tab.
    • Change the option as follows: $('#slider').anythingSlider(options).anythingSliderFx( effects, { stopRepeat: true });

###Version 1.7.7

  • Fixed a problem where the slider would rewind if changeBy was a string.
  • Updated the FX extension
    • Fix problems with "bottom" and "right" effects not working.
    • The fx are now stored so they can be updated and/or modified dynamically.

###Version 1.7.6

  • Modified the FX extension to trigger an intro effect which occurs immediately after the slider has initialized. Discussed in issue #130.
  • Modified the hash tag functionality
    • If the hash points to an ID that is inside the slider, that slide will now be visible on page load, this will work even without the hashTags option enabled. For example, the following link demos.html#quote2 will go to the FX demo page with the Quote#2 panel inside of Demo #2 in view and at the top of the page.
    • The ID hash will work when other panels are included in the hash (demos.html#quote2&panel3-3), but the page will not scroll that slider into view; the browser will not bring it into view because the hash is not an ID.
    • The "panelx-#" hash will override the above id hash, so this link demos.html#quote2&panel2-2 will show the first quote panel in demo 2, but the page will not scroll the slider into view.
  • Reversed the order that the arrows are appended so that the previous arrow is first in the HTML. Fix for issue #153.

###Version 1.7.5

  • Added navigationSize option
    • See the second slider on the main demo page for an example
    • To enable, set this option to the desired number of visible navigation tabs.
    • Set to false when not enabled.
    • Forward and back arrows are set by the value of the backText and forwardText options (also used by the main arrows)
    • Updated CSS styling for all provided themes.
  • Fixed a problem that broke the slideshow auto play function when resumeOnVideoEnd is false.
  • Updated the FX extension:
    • Fixed a bug were the FX weren't applied to elements in the next slide. Fix for issue #147.
    • Removed all code that hid or made elements have visibility hidden; no longer needed because each panel has overflow hidden applied.
  • Modified theme images and stylesheets. Each theme now uses one image sprite. The construction theme navigation images were made smaller as well, but yeah, I know it's still fugly.
  • Removed backward compatibility to jQuery version 1.3.2, the oldest version now supported is 1.4.2. Ideally, use the latest version of jQuery because the known issues with jQuery versions older than 1.5 still exist.

###Version 1.7.4

  • Fixed appendFowardTo to appendForwardTo. Thanks to Helmer!

###Version 1.7.3

  • Reverted bring focused link into view code to fix issue #138.
  • Modified the above code to now work properly when showMultiple is greater than one.

###Version 1.7.1

  • Fixed delay option being divided by two. Fix for issue #131.

###Version 1.7

  • Removed width and height options. These are now set in the css. Enhancement suggested in issue #125.
  • Removed maxOverallWidth option.
    • This option was in place to ensure that the slider did not exceed Opera's 32766 pixel maximum width restriction.
    • Added .anythingBase { max-width: 32766px; } to the css.
  • Removed clickArrows and replaced it with clickForwardArrow & clickBackArrow to allow for jQuery Mobile users to add "swipeLeft" & "swipeRight".
  • Changed autoPlay:
    • Split autoPlay functionality, so that setting the new buildStartStop option to true will now build the start stop button.
    • Now, when autoPlay is true, the slideshow will now start automatically. Default set to false.
  • Added appendFowardTo & appendBackTo to indicate where to append the forward & back arrows. Enhancement suggested by issue #129.
  • Added appendNavigationTo & appendStartStopTo to indicate where to append the navigation tabs & start-stop button.
  • Added enableArrows option. When false, the arrows are visible, but not clickable.
  • Added enableStartStop option. When false, the start-stop button is visible, but not clickable.
  • Added autoPlayDelayed option. When true clicking to start the slide show will not immediately advance the slider. Enhancement suggested in issue #125.
  • Fixed autoPlayLocked true from starting the slideshow if the slideshow button is off (buildStartStop). Fix for issue #126.
  • Fixed Fx extension not completing the FX out animation when animationTime option is a very small number. Fix for issue #130.
  • Fixed running slideshow from making the slider active. It will still active when the user interacts with the slider.
  • Fixed video source tags - removed unnecessary closing slash.
  • Fixed a bug where multiple "activePage" classes were applied.

###Version 1.6.2

  • Fixed broken callbacks. Introduced in version 1.6.1 - Oops!

###Version 1.6.1

  • Added changeBy which sets how many panels to go forward or back by when the slideshow is active or when using the navigation arrows.
  • Rewrote the code that brings a focused link into view. This new code should be less problematic.

###Version 1.6

  • Added the Video extension
    • Moved YouTube code from the AnythingSlider core into the extension, so you will need to load the extension to control videos now.
    • The video extension pauses videos and the slideshow as well as continues playing a video when it becomes visible.
    • Default video support includes YouTube iframe & embed, Vimeo iframe & embed and HTML5 video.
    • Added isVideoPlaying option which is used by the video extension to determine if a video is playing. If you don't use the video extension, you can add your own custom function here where returning true means the video is playing and returning false means the video is not playing.
    • Added "video.html" demo page.
    • Please review the compatibility table on the video.html page to see which browsers are fully supported.
  • Fixed the problem in IE7 where the an embeded video would not resize properly.
  • Fixed a problem with the plugin causing an error if the panel is empty or only contains a text node.

###Version 1.5.21

  • Fixed $currentPage returning the incorrect page during the onSlideInit and onSlideBegin events.
  • Added $targetPage which provides the (non-cloned) destination page of the slider.

###Version 1.5.20

  • Disabled focused links inside of a slider showing multiple slides, so now clicking on a link won't move the slider.

###Version 1.5.19

  • Removed the themeDirectory option.
    • It is preferred that you add the theme stylesheet manually as described on the setup page.
    • This prevents the plugin from appending the stylesheet to the head of the document and overriding the IE stylesheet.
  • Changed the plugin so that an unordered list is no longer mandatory. The plugin will now look for the immediate children of the slider element. So this is now possible:
<div id="slider">
  <div><!-- slide content --></div>
  <div><!-- slide content --></div>
  <div><!-- slide content --></div>
</div>
  • The method to initialize and control the slider hasn't changed.

###Version 1.5.18

  • Fixed a problem with a javascript error occurring when only one slide is present and the width is set.
  • Added an internal variable "o" to replace "base.options" to reduce the code size by about 1k in both the regular and minified versions.

###Version 1.5.17

  • Added an "Expand Demo" page because apparently the jsFiddle doesn't like to expand.
  • Modified a couple of selectors that are only available in jQuery 1.4+. So as before, if you need the plugin compatible with jQuery 1.3.2, all you need to do is un-comment out the code at the bottom of the "jquery.anythingslider.js" file.

###Version 1.5.16

  • Added the expand option:
    • When true, the slider will expand to fit into the parent element.
    • This option allows you to apply a percentage width to the parent element for a fluid layout and have the slider resize automatically.
    • One example would be to have a div set to say "100%" browser width. The slider will expand to fit inside this div (width and height).
    • Please do not have the parent element of the slider be the body of the page. It won't break anything, but the height is difficult to determine since the body height measured doesn't include other elements on the page
    • There is a slight delay while resizing (500 millisecond) as the plugin resizes and repositions the panels. You'll just have to live with it :(
    • There is one bug in Opera where the height isn't set until the parent element is resized... I'll try to find it.
  • Also fixed the showMultiple code so that a width is no longer required if and only if all the panels are the same width. It simply divides the slider width by the number of slides to show... so you see why this may not work so well with different width panels.

###Version 1.5.15

  • Fixed a problem in the code where startPage was used instead of startPanel - DUH.
  • Oh, and also made sure the script was getting a number instead of a string in the start panel option.

###Version 1.5.14

  • Added showMultiple option - A enhancement proposed in issue #72.
    • When set to a number, AnythingSlider will show that number of slides within the view port.
    • When showing multiple slides, width of the slider MUST be included - well actually it is the width of one slide, so the plugin can figure out how big to make the view port.
    • The maximum number of slides showing is set to the number of slides.
    • If slides have different dimensions and resizeContents is set to false, the slider will resize to the height of the taller slide.
    • Updated the playground with this option. Check it this demo with two slides showing!
    • Thanks to caseybecking for the idea. And a ton more thanks to Poebel for sharing the code to do this.

###Version 1.5.13

  • Fixed a bug where an empty UL would cause javascript errors - fix for issue #91.
  • Changed the panel positioning from using scrollLeft to left. This small change fixed a couple of problems including:
    • Print preview now shows the current panel without any additional css changes. The navigation arrows and tabs will need additonal print css styling.
    • Easing that required a negative margin using scrollLeft no longer needs any special handling - see issue #61.
    • A hidden AnythingSlider will now position properly. When attempting to set the panel with the slider hidden, scrollLeft would always return zero and not set properly. Updated Wiki FAQ with this information as well.

###Version 1.5.12

  • Fixed a problem with the activePage class being added to the wrong page/panel when the infiniteSlides option is false.

###Version 1.5.11

  • Updated all demos files to a HTML5 doctype with jQuery v1.6.
  • Removed print stylesheet.
  • Made file extension .html consistent.
  • Added "simple.html", which is the simplest possible demo so it is easier for people to build from.
  • Added a menu to each page for easier navigation to other demos and documentation.

###Version 1.5.10

  • Fixed a bug that triggers the slideshow_stop event and onShowStop callback after each slide change. It now properly triggers after a running slideshow has stopped.
  • Changed code to completely remove the empty slides when infiniteSlides is false. It was code that was unnecessarily left in.
  • Changed code that replaced links in the cloned panels with code that disables the links - fix for issue #59.
  • Added a stylesheet to fix the theme problems in IE7 - fix for issue #71.
  • I'm not sure if this solution works for IE6.
  • One problem was that the navigation links have a negative text-indent. IE7 sends the entire link off-screen instead of just the text inside.
  • Fixed by wrapping all link text in a span and applying the negative text indent to the span instead of the link.
  • The second problem with the navigation arrows being cut off was due to the negative top marginl. So a separate conditionally loaded stylesheet was added with the top margin set to zero and a specific top percentage for each style.
  • Added width: 100% to the second slider's fourth panel instead of leaving the width/height undefined. In IE7, it would make the panel 20 pixels wide - fix for issue #73.
  • Fx Extension changes:
  • Fixed Fx Caption problem with FX not working when moving from first panel to last panel - fix for issue #75.
  • Fixed Fx caption to now show hidden ("display:none") captions. When clicking on the "x" in the caption, it was hiding the captions permanently, now it doesn't.
  • Changed FX Extension custom FX time to what it should have been, duration. To match the animation option.

###Version 1.5.9

  • Silly bug fix that broke the navigation tabs - thanks to Hyland3r for pointing it out!

###Version 1.5.8

  • Added a primitive print stylesheet. Optimized using Firefox & IE9 print preview. But when using IE9 compatibility modes, it works IE7, but not IE8 (entire slider is hidden).
  • Slider controls are now hidden in the css, to prevent the flash seen before a theme stylesheet is loaded. This can be prevented by added the theme stylesheet into the head of your document.
  • Changed theme stylesheet to be appended into the document head.
  • Fixed some of the theme stylesheets so the navigtion links now show in IE8, but still not in IE7 - see known issues above.
  • Fixed a problem where the active slider would move when using arrow keys inside a text area or input.
  • Fixed animating arrow opacity bug - fix for issue #60.
  • Fixed easing on the first slide. Fix for issue #61.
  • currentPage now shows the correct number during events. Fix for issue #69.
  • Fixed a minor problem with the FX extension fade. Regular base FX expect a size to be the second parameter, and since there is no size for 'fade' it now uses the second parameter for time. So, now this is possible:
$('#slider1')
 .anythingSlider({
  animationTime : 0
 })
 .anythingSliderFx({
  '.panel' : [ 'fade', 1000, 'easeOutCirc' ] // target the entire panel
 });

The above code will fade out the current panel and fade in the next. But it does require some extra CSS to set the opacity of all panels to zero, otherwise the fading animation won't occur until the second time through the panels.

<style type="text/css">
 #slider1 .panel { opacity: 0; }
 #slider1 .panel.activePage { opacity: 1; } /* make sure active panel is visible */
</style>

It's not ideal, but it does make it possible to have a fade transition between slides, just not a crossfade transition.

###Version 1.5.7.4

  • Added a license.

###Version 1.5.7.3

  • Remove all ids in cloned panels - attempt to fix issue #59.

###Version 1.5.7.2

  • Adjusted some css to replace the bottom border in other themes when the slider is not at default size.
  • Adjusted Portfolio css theme to not hide the control bar.

###Version 1.5.7.1

  • Added css to fix RTL pages breaking the slider - fix for issue #57.
  • Added overflow:hidden to the anythingslider wrapper to prevent Opera and Safari from adding a horizontal scrollbar.

###Version 1.5.7

  • Added infiniteSlidescode option. Fix for issue #58.
    • When true, the slider acts like an infinite slider.
    • When false, the slides stop at the first and last panel, even the slideshow.
    • The first and last panels are no longer cloned when this option is false. Blank panels were added in place.
    • When the slider is on the first or last panel, the slider will display a "rewind" effect if the stopAtEnd option is false.
    • When the slider is on the first or last panel and the stopAtEnd option is true, the back and forward arrow keys (respectively) will have a "disabled" class applied - modified in the css.
  • Replace appropriate code to make AnythingSlider backwards compatible with jQuery 1.3.2, but you'll need to uncomment out the portion at the end. You'll have to add it manually to the minified version. Sort of fix for issue #38.
  • Removed callback functions set to "null" in the default options to reduce the file size. The callbacks will still work.
  • Modified bits of the code to appease the JSLint gods.

###Version 1.5.6.6

  • Added overflow:hidden to each panel - fix for issue #51.
  • Added swf parameter to allow fullscreen videos - fix for issue #53.
  • Compressed callback function script.

###Version 1.5.6.5a

  • Removed z-index from caption animation in the FX extension to fix an error it was causing in IE.

###Version 1.5.6.5

  • Added a callback (onSWFComplete) and triggered event (swf_completed) that is run when SWFObject completes its processing.
  • Rearranged the scripting in the index.html page so the "initialized" and "swf_completed" events now show up in the console log.

###Version 1.5.6.4

  • Fixed a problem with the toggleArrow functionality. It will now only animate the arrows when hovering over the Slide and not at all during the slideshow.
  • Added "first" and "last" classes to the navigation control <li>'s to allow for unique css styling.

###Version 1.5.6.3

  • Added a callback function to the external slider controller, so this is now possible:
$('#slider').anythingSlider(4, function(slider){
// "slider" is the same object used in the other callbacks and event triggers
alert('Now on page ' + slider.currentPage);
});

###Version 1.5.6.2

  • Fixed a problem with the locked slide show - it should continue with all slides now after a user interacts with it.

###Version 1.5.6.1

  • Added resumeDelay option which is the amount of time (in milliseconds) that the slider delays until the slideshow is restarted - only active when autoPlayLocked is true.
  • Fixed the slide show stop button so now when it is pressed, the slideshow will now remain stopped. The slideshow will still resume if the user changes the current slide, but it will resume after the resumDelay time has passed.

###Version 1.5.6

  • Added autoPlayLocked to prevent slideshow from stopping when a user changes the slide. The start/stop button still acts as expected.

###Version 1.5.5

  • Modified base code to not resize all YouTube videos to 100% width and height. See the top slider panel #5 (Muppet video) for an example.

###Version 1.5.4.1

  • Changed the order in the index.html so the css is loaded before the javascript - possible fix for issue #34?

###Version 1.5.4

  • Fixed "issue 32/33 - images wrapped in a link breaking the slider.

###Version 1.5.3

  • Modified to not slide into the first slide on initializing
  • Removed some documentation from the README.textile and index.html files as they can now be found in these wiki pages.

###Version 1.5.2

  • Fixed startStopped bug, where the slider stopped autoplaying on initialization.

###Version 1.5.1

  • Added enableKeyboard option which will allow you to disable keyboard navigation controls. Added because if you have a slideshow with no clickable controls, using the keyboard will stop the slideshow and there is no way to start it back up.
  • Added enableNavigation option which, when false, will allow visible navigation links to be unclickable. You'll have to change the CSS to stop the hover effect.
  • Added enablePlay option which, when false, will allow a visible play/stop button to be unclickable. You'll have to change the CSS to stop the hover effect.
  • Fixed a problem with clicking control links inside a slider (links that take the slider to other panels). This also required that all links in the cloned panels are modified (changed into spans) - this will mess up any FX you add to these links but only in the first and last panels.
  • Added the following changes that Midu (Stefano B) made in his branch. Thanks for the great mods! I would have just merged your changes into the core, but I still suck at using git LOL :P
  • Added appendControlsTo which allows you to attach the slider controls (navigation tabs & play/stop button) to another object on the page. This wasn't throughly tested, but I know you'll need to include custom CSS to style these links outside the slider.
  • Added event hook & callback before_initialize (onBeforeInitialize) which is triggered immediately after the slider is initialized, see the note above for more details.
  • Added event hook & callback initialized (onInitialized) which is triggered after the AnythingSlider has completed its setup.
  • Optimized how callbacks functions are called - you shouldn't notice a difference.

###Version 1.5

  • Modified core to allow updating the AnythingSlider content (change the number of slides).

###Version 1.4.8

  • Added an optional extension "AnythingSlider FX" to add animation effects to each panel.
  • Added an AnythingSlider FX demo page with examples, code, and multiple methods to achieve the same effects. Thanks to Paal Joachim for input on which demos were needed.
  • Added activePage class to the visible slider; but it is not updated until just before the slide_complete event.
  • Fixed a bug where setting buildArrows to false and toggleArrows to true would cause errors.

###Version 1.4.7

  • Added jQuery Objects for $currentPage and $lastPage which are accessible to the bind & callback functions for easy access to the pages. Added these callback arguments and more detail to the information above.
  • Improved the hash tag code so it will now work with multiple AnythingSliders on the page. The hash tag will still only update when clicking on the navigation links and not the navigation arrows.

###Version 1.4.6

  • SWFObject script (swfobject.js) is now a required dependency to make YouTube videos pause when not in view & resume play when in view. This was added so IE will also have this functionality.
  • Commented out previous code which added the above YouTube functionality to non-IE browsers. Will consider completely removing it if users are okay with the SWFObject script dependency.

###Version 1.4.5

  • Added Curtis Scott's Portfolio theme from his site. Thanks for sharing! - don't use the control toggle option as it messes up the page layout.
  • Fixed the flickering problem that was occuring when the slider moved from the last slide to the first.

###Version 1.4.4

  • Added CSS to fix a problem with CSS3 transitions occurring during the animation. Added noTransitions class to the arrows, navigation and slider.
  • Added callback functions: onShowStart, onShowStop, onShowPause, onShowUnpause, onSlideInit, onSlideBegin & onSlideComplete.
  • Added instructions on callback argument useage as values and access to internal functions.
  • Changed triggered event callback argument to make using them easier - see the Event Hooks section above.

###Version 1.4.3

  • Added options to modify interactivity: clickArrows, clickControls & clickSlideshow.
  • Added custom events - slideshow start, stop, pause & unpause as well as slide begin, start & stop. See the "Extending - Event Hooks" section above for a more detailed description.
  • Updated instructions on how to use custom events.

###Version 1.4.2

  • Added addWmodeToObject. When a slider has an embedded object (like a youtube video), the script adds a wmode parameter with the value from this option ("opaque" by default).

###Version 1.4.1

  • Added theme option and several themes. Themes can now be added to individual AnythingSliders (although they are based largely on CSS).
  • Added tooltipClass option which adds the assigned class name to the navigation and play/stop button only if the text is hidden (negative text-indent). The tooltip plugin must be added separately.
  • Added toggleArrows option. This option (if true) will slide out (reveal) the arrows while hovering & hide them at other times.
  • Added toggleControls option. This option (if true) will slide down (reveal) the navigation links and play/stop button while hovering & hide them at other times. Adding this option required a new "anythingControls" class that wraps both the navigation links and the play/stop button.

###Version 1.4

  • Added maxOverallWidth option. This sets the max width (in pixels) of all combined sliders (side-to-side) due to problems with Opera.
  • Added new classes to the base UL ("anythingBase") and its immediate children LIs ("panels") to reduce and clarify the CSS.
  • Added hover class to arrows and start/stop button to indicate the link has focus (while tabbing through the page)
  • Fixed flickering problem completely :P - numerous changes made to script & CSS.
  • Bumped version to 1.4 because of significant differences from version 1.3.

###Version 1.3.7

  • Added startPanel option.
  • Added playRtl option to reverse the play direction.
  • Added back stopAtEnd option (not should how it was removed from the options).
  • Added resumeOnVideoEnd option to prevent an active slideshow from pausing a video.
  • Changed location of reverse reference from the wrapping div ("anythingSlider" class) to the original ul ("silder1" id in the first example) - updated instructions.
  • Fixed height/width options to accept strings (e.g. "400px" instead of a number, it may not work properly if values are other than the numnber of pixels).
  • Fixed setting to accept strings (e.g. $(slider).anythingSlider(" 1 ")) as well as numbers.
  • Fixed problem with objects (youtube videos) flickering in Firefox by setting resizeContent to false.
  • Fixed problem that occurs when using an incorrect easing function name (submitted ticket: http://dev.jquery.com/ticket/7064 )
  • Reorganized, cleaned up the code and updated the demos & instructions.

###Version 1.3.6

  • Fixed minor bug with links to specific slides and updated example to reflect changes and be less confusing
  • Tweaked start/stop button css to be more maleable

###Version 1.3.5

  • Added resizePanel option - does not support percentage sizing.
    • When true, it will resize all panels & solitary content to the size settings (CSS or the script options).
    • When false, the AnythingSlider wrapper will resize to fit the panel (set inline or in the CSS for each panel).
  • Fixed keyboard navigation to work with multiple AnythingSliders on a page.
  • Added tabbed navigation. Both the links within panels and the thumbnail navigation will activate it.

###Version 1.3.4

  • Added keyboard navigation.
  • Embeded objects will now resize to fit the panel.
  • YouTube videos will pause the video when it is not in view and play (if already started) if it is in view. Note: this feature only works in non-IE browsers and when the files are hosted on a webserver as the flash player restricts calls between local files and the internet.
  • Modified code according to JSLint & added minified version.

###Version 1.3.3

  • Previous / Next arrows are now optional
  • Clicking start button immediately begins transition instead of waiting for the delay

###Version 1.3.2

  • Greatly refactored CSS for a more fluid resizing behavior
  • Dimensions can be passed via javascript or modified at the top of the css file
  • Merged all Github forks
  • Wrapper DIVs (<div class="anythingSlider"><div class="wrapper">) no longer required in html. Divs are generated in jquery
  • Improved CSS scope and classes, Javascript degredation behaves differently however
  • Hash URLS now work for multiple panels

###Version 1.3

  • Accessibility improvements by Matt Lawson
  • Some generic JavaScript/HTML/CSS code cleaning
  • Move to GitHub entirely
  • Ensures unique panel ID's
  • Removes navigation if there is only one panel
  • Added option to stop on the last page when autoPlay is set to true

###Version 1.2

  • Bug Fix: When autoPlay was set to false, any interaction with the control would cause a javascript error.

###Version 1.1

  • Changed default easing to "swing" so didn't depend on any other plugins
  • Removed extra junk (other plugins used for design, etc)
  • Added Pause on Hover option
  • Added options for passing in HTML for the start and stop button
  • Added option to use custom function for formatting the titles of the navigation
  • Added public interface for linking directly to certain slides

###Version 1.0

  • First version

Wiki: Home | FAQ | Setup | Usage ( Appearance , Navigation , Slideshow , Callbacks & Events , Video , Interactivity & Misc ) Change | Credits

Add a custom footer
Clone this wiki locally