-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added the default untouched 1.3.5 version of the jquery
- Loading branch information
Showing
16 changed files
with
1,189 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,115 @@ | ||
h1. AnythingSlider jQuery Plugin | ||
|
||
*Just what the world needs, another jQuery slider. YAWN.* I know, check this one out though, it’s got lots of cool features. | ||
|
||
h2. Features | ||
|
||
* Slides are HTML Content (can be anything) | ||
* Optional Next Slide / Previous Slide Arrows | ||
* Navigation tabs are built and added dynamically (any number of slides) | ||
* Optional custom function for formatting navigation text | ||
* Auto-playing (optional feature, can start playing or stopped) | ||
* Each slide has a hashtag (can link directly to specific slides) | ||
* Infinite/Continuous sliding (always slides in the direction you are going, even at "last" slide) | ||
* Multiple sliders allowable per-page | ||
* Pauses autoPlay on hover (option) | ||
* Link to specific slides from static text links | ||
* Optionally autoPlay once through, stopping on the last page | ||
|
||
h2. Usage & Options (defaults) | ||
|
||
<pre>$('.anythingSlider').anythingSlider({ | ||
easing: "swing", // Anything other than "linear" or "swing" requires the easing plugin | ||
autoPlay: true, // This turns off the entire FUNCTIONALITY, not just if it starts running or not | ||
startStopped: false, // If autoPlay is on, this can force it to start stopped | ||
delay: 3000, // How long between slide transitions in AutoPlay mode | ||
animationTime: 600, // How long the slide transition takes | ||
hashTags: true, // Should links change the hashtag in the URL? | ||
buildNavigation: true, // If true, builds and list of anchor links to link to each slide | ||
pauseOnHover: true, // If true, and autoPlay is enabled, the show will pause on hover | ||
startText: "Start", // Start text | ||
stopText: "Stop", // Stop text | ||
stopAtEnd: false, // If true, and autoPlay is on autoPlay will stop on the last page | ||
navigationFormatter: null // Advanced Use: details below | ||
forwardText: "»", // Link text used to move the slider forward | ||
backText: "«", // Link text used to move the slider back | ||
width: null, // Override the default CSS width | ||
height: null, // Override the default CSS height | ||
buildArrows: true // If true, builds the forwards and backwards buttons | ||
});</pre> | ||
|
||
Linking directly to slides | ||
|
||
<pre>$("#slide-jump").click(function(){ | ||
$('.anythingSlider').anythingSlider(6); | ||
});</pre> | ||
|
||
To use the navigationFormatter function, you must have a function that accepts two parameters, and returns a string of HTML text. | ||
|
||
* <code>index</code> = integer index (1 based); | ||
* <code>panel</code> = jQuery wrapped LI item this tab references | ||
* Function must return a string of HTML/Text | ||
|
||
Here is a sample formatter: | ||
|
||
<pre>navigationFormatter: function(index, panel){ | ||
return index + " Panel"; // This would have each tab with the text 'X Panel' where X = index | ||
}</pre> | ||
|
||
h2. Changelog | ||
|
||
h3. 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. | ||
|
||
h3. 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. | ||
|
||
h3. Version 1.3.3 | ||
|
||
* Previous / Next arrows are now optional | ||
* Clicking start button immediately begins transition instead of waiting for the delay | ||
|
||
h3. 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 (<code><div class="anythingSlider"><div class="wrapper"></code>) 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 | ||
|
||
h3. 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 | ||
|
||
h3. Version 1.2 | ||
|
||
* Bug Fix: When autoPlay was set to false, any interaction with the control would cause a javascript error. | ||
|
||
h3. 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 | ||
|
||
h3. Version 1.0 | ||
|
||
* First version |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,127 @@ | ||
/* | ||
anythingSlider v1.3.5 | ||
By Chris Coyier: http://css-tricks.com | ||
with major improvements by Doug Neiner: http://pixelgraphics.us/ | ||
based on work by Remy Sharp: http://jqueryfordesigners.com/ | ||
*/ | ||
|
||
/******* SET DIMENSIONS HERE ********/ | ||
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingWindow ul li { | ||
width: 700px; | ||
height: 390px; | ||
margin: 0 auto; | ||
} | ||
|
||
/****** SET COLORS HERE *******/ | ||
/* Active */ | ||
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a { | ||
background-color: #7C9127; | ||
} | ||
div.anythingSlider.activeSlider .anythingWindow { | ||
border-color: #7C9127; | ||
} | ||
/* Inactive */ | ||
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a { | ||
background: #777; | ||
} | ||
div.anythingSlider .anythingWindow { | ||
border-top: 3px solid #777; | ||
border-bottom: 3px solid #777; | ||
} | ||
/* Set second slider panel sizes */ | ||
#slider2 .panel1 { width: 500px; height: 350px; } | ||
#slider2 .panel2 { width: 450px; height: 420px; } | ||
#slider2 .panel3 { width: 680px; height: 317px; } | ||
#slider2 .panel4 { } /* left undefined to show it defaults to wrapper size */ | ||
#slider2 .panel5 { width: 680px; height: 317px; } | ||
|
||
/**** DO NOT CHANGE BELOW THIS LINE ****/ | ||
div.anythingSlider .anythingWindow, div.anythingSlider .anythingWindow ul li { | ||
width: 100%; | ||
} | ||
div.anythingSlider .anythingWindow { | ||
overflow: hidden; | ||
position: relative; | ||
} | ||
div.anythingSlider { | ||
position: relative; | ||
padding: 0 45px 28px 45px; | ||
} | ||
div.anythingSlider .anythingWindow ul { | ||
/* Width below is max for Opera */ | ||
width: 32700px; | ||
background: #eee; | ||
list-style: none; | ||
position: absolute; | ||
top: 0; left: 0; | ||
margin: 0; | ||
} | ||
div.anythingSlider .anythingWindow ul li { | ||
background: #eee; | ||
display: block; | ||
float: left; | ||
padding: 0; | ||
margin: 0; | ||
} | ||
div.anythingSlider .anythingWindow ul ul { | ||
position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } | ||
div.anythingSlider .anythingWindow ul ul li { float: none; height: auto; width: auto; background: none; } | ||
div.anythingSlider .arrow { | ||
top: 50%; | ||
position: absolute; | ||
display: block; | ||
} | ||
div.anythingSlider .arrow a { | ||
display: block; | ||
height: 120px; | ||
margin-top: -60px; | ||
width: 45px; | ||
text-align: center; | ||
background: url(../images/arrows.png) no-repeat; | ||
text-indent: -9999px; | ||
} | ||
div.anythingSlider .forward { right: 0; } | ||
div.anythingSlider .back { left: 0; } | ||
div.anythingSlider .forward a { background-position: 0 -40px; } | ||
div.anythingSlider .back a { background-position: -88px -40px; } | ||
div.anythingSlider .forward a:hover { background-position: 0 -240px; } | ||
div.anythingSlider .back a:hover { background-position: -88px -240px; } | ||
|
||
div.anythingSlider .thumbNav { margin: 0; } | ||
div.anythingSlider .thumbNav li { display: inline; } | ||
div.anythingSlider .thumbNav a { | ||
color: black; | ||
font: 11px/18px Georgia, Serif; | ||
display: inline-block; | ||
text-decoration: none; | ||
padding: 2px 8px; | ||
height: 18px; | ||
margin: 0 5px 0 0; | ||
background-image: url(../images/cellshade.png); | ||
background-repeat: repeat-x; | ||
text-align: center; | ||
-moz-border-radius-bottomleft: 5px; | ||
-moz-border-radius-bottomright: 5px; | ||
-webkit-border-bottom-right-radius: 5px; | ||
-webkit-border-bottom-left-radius: 5px; | ||
} | ||
div.anythingSlider .thumbNav a:hover { background-image: none; } | ||
|
||
div.anythingSlider .start-stop { | ||
z-index: 10; | ||
background: green url(../images/cellshade.png) repeat-x center top; | ||
color: white; | ||
padding: 2px 5px; | ||
width: 40px; | ||
text-align: center; | ||
position: absolute; | ||
text-decoration: none; | ||
right: 45px; bottom: 4px; | ||
-moz-border-radius-bottomleft: 5px; | ||
-moz-border-radius-bottomright: 5px; | ||
-webkit-border-bottom-right-radius: 5px; | ||
-webkit-border-bottom-left-radius: 5px; | ||
} | ||
div.anythingSlider .start-stop.playing { background-color: red; } | ||
div.anythingSlider .start-stop:hover { background-image: none; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
* { margin: 0; padding: 0; } | ||
body { font: 12px Georgia, Serif; } | ||
a, a img { border: 0; text-decoration: none; outline: 0; } | ||
|
||
#page-wrap { width: 90%; padding: 15px; background: white; margin: 0 auto 50px; position: relative; } | ||
#col1 { width: 49%; float: left; margin: 0 0 20px 0; } | ||
#col2 { width: 49%; float: right; } | ||
|
||
h1 { font: bold 60px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 20px 0; text-align: center; } | ||
h2 { font: bold 30px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; } | ||
h3 { font: 16px Georgia, Serif; margin: 0 0 10px 0; } | ||
h5 { font: 15px Georgia, Serif; text-align: center; } | ||
pre { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; } | ||
|
||
ul { margin: 0 0 25px 25px; } | ||
ul li { font: 15px Georgia, Serif; margin: 0 0 8px 0; } | ||
|
||
#dl { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; } | ||
#dl:hover { background: #666; } | ||
|
||
/* | ||
For Specific Slides | ||
*/ | ||
#textSlide { padding: 10px 30px; } | ||
#textSlide h3 { font: 20px Georgia, Serif; } | ||
#textSlide h4 { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; } | ||
#textSlide ul { list-style: disc; margin: 0 0 0 25px; } | ||
#textSlide ul li { display: list-item; } | ||
|
||
.quoteSlide { padding: 30px; } | ||
.quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; } | ||
.quoteSlide p { text-align: center; } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.