Permalink
Browse files

Merge branch 'master' of github.com:CSS-Tricks/AnythingSlider into gh…

…-pages
  • Loading branch information...
2 parents 1864b46 + 7becb1e commit 5e6141c8c8251c3536c933131ef5187da795d8d0 @Mottie Mottie committed Aug 27, 2012
Showing with 82 additions and 59 deletions.
  1. +21 −8 README.textile
  2. +4 −4 css3.html
  3. +15 −13 demos.html
  4. +1 −0 demos/css/page.css
  5. +4 −4 expand.html
  6. +24 −17 index.html
  7. +1 −1 js/jquery.anythingslider.js
  8. +1 −1 js/jquery.anythingslider.min.js
  9. +3 −3 package.json
  10. +4 −4 simple.html
  11. +4 −4 video.html
View
@@ -1,13 +1,26 @@
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.
+A very robust jQuery-based slider plugin. Need to link to a specific slide? No problem. Like a choice of themes? Got it. Need callbacks for when specific slider actions happen? Sure. Need custom tab names? You got it. Need more than one slider per page? Easy.
-Here on CSS-Tricks, I’ve created a number of different sliders. Three, in fact. A "“featured content”":http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ slider, a "“start/stop slider”":http://css-tricks.com/startstop-slider/, and "“moving boxes”":http://css-tricks.com/moving-boxes/. Each of them had some cool interesting feature that I needed to build at the time. All were well-received, but as is the case with these things, people want them to do X, Y, and Z in addition to what they already did.
+* Having problems with installing or getting the plugin to work? Ask your question in the "CSS-Tricks forums":http://css-tricks.com/forums/ or on "StackOverflow":http://stackoverflow.com/questions/tagged/anythingslider
+* Find a bug or have an enhancement request? Submit it "here":https://github.com/CSS-Tricks/AnythingSlider/issues
-This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful. This is the first time (on CSS-Tricks) that one of these sliders is an actual plugin as well, which should make implementing it and customizing it much easier.
+h2. Main Demo
-* "Documentation Wiki":https://github.com/ProLoser/AnythingSlider/wiki
-* "Keep Reading":http://css-tricks.com/anythingslider-1-4/
-* "Main Demo":http://proloser.github.com/AnythingSlider/
-* "More Demos":https://github.com/ProLoser/AnythingSlider/wiki
-* Having an issue? Submit it "here":https://github.com/ProLoser/AnythingSlider/issues
+* "Documentation":https://github.com/CSS-Tricks/AnythingSlider/wiki is maintained in the wiki pages.
+* "CSS-Tricks demo":http://css-tricks.com/examples/AnythingSlider/
+* "Github demos!":http://css-tricks.github.com/AnythingSlider/
+* "Download":https://github.com/CSS-Tricks/AnythingSlider/zipball/master
+
+h2. Related Projects
+
+Download the full repo for a full set of all the cool stuff AnythingSlider can do.
+
+* More themes - "AnythingSlider-Themes":https://github.com/CSS-Tricks/AnythingSlider-Themes
+* Fx bookmarklet - "AnythingSlider-FX-Builder":https://github.com/CSS-Tricks/AnythingSlider-Fx-Builder
+
+CMS plugins/mods
+
+* Wordpress plugin - "AnythingSlider-for-WordPress":https://github.com/jacobdubail/AnythingSlider-for-WordPress
+* Movable Type plugin - "mt-plugin-anythingslider":https://github.com/meancode/mt-plugin-anythingslider
+* Joomla 2.5 mod - "mod_anythingslider":https://github.com/CSS-Tricks/mod_anythingslider
View
@@ -91,10 +91,10 @@
<a href="video.html">Video Demo</a>
<a href="demos.html">FX Demos</a>
<a class="current" href="css3.html">CSS3 Demo</a>
- <a class="play" href="http://jsfiddle.net/Mottie/aTKzP/">Playground</a>
- <a class="git" href="https://github.com/ProLoser/AnythingSlider/wiki">Documentation</a>
- <a class="git" href="https://github.com/ProLoser/AnythingSlider/zipball/master">Download</a>
- <a class="issue" href="https://github.com/ProLoser/AnythingSlider/issues">Issues</a><br><br>
+ <a class="play" href="http://jsfiddle.net/Mottie/ycUB6/">Playground</a>
+ <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider/wiki">Documentation</a>
+ <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider/zipball/master">Download</a>
+ <a class="issue" href="https://github.com/CSS-Tricks/AnythingSlider/issues">Issues</a><br><br>
</div>
<!-- End Links -->
View
@@ -10,7 +10,7 @@
<!-- jQuery (required) & jQuery UI (for this demo only) -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
@@ -51,10 +51,10 @@
<a href="video.html">Video Demo</a>
<a class="current" href="demos.html">FX Demos</a>
<a href="css3.html">CSS3 Demo</a>
- <a class="play" href="http://jsfiddle.net/Mottie/aTKzP/">Playground</a>
- <a class="git" href="https://github.com/ProLoser/AnythingSlider/wiki">Documentation</a>
- <a class="git" href="https://github.com/ProLoser/AnythingSlider/zipball/master">Download</a>
- <a class="issue" href="https://github.com/ProLoser/AnythingSlider/issues">Issues</a>
+ <a class="play" href="http://jsfiddle.net/Mottie/ycUB6/">Playground</a>
+ <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider/wiki">Documentation</a>
+ <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider/zipball/master">Download</a>
+ <a class="issue" href="https://github.com/CSS-Tricks/AnythingSlider/issues">Issues</a>
</div>
<h1>AnythingSlider FX Demos</h1>
@@ -102,7 +102,7 @@ <h2 class="title">Demo 1: Thumbnails &amp; A Lightbox</h2>
<h3><a href="#">Header</a></h3>
<div>
<pre class="html"> &lt;!-- jQuery --&gt;
- &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js&quot;&gt;&lt;/script&gt;
+ &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;!-- Anything Slider optional plugins --&gt;
&lt;script src=&quot;js/jquery.easing.1.2.js&quot;&gt;&lt;/script&gt;
@@ -126,8 +126,10 @@ <h2 class="title">Demo 1: Thumbnails &amp; A Lightbox</h2>
}
/* CSS to expand the image to fit inside colorbox */
#cboxPhoto { width: 100%; height: 100%; margin: 0 !important; }
- /* Change metallic theme defaults to show thumbnails -
- using #demo2 (page wrapper) to increase this CSS priority */
+ /* Change metallic theme defaults to show thumbnails */
+ div.anythingControls {
+ bottom: 25px; /* thumbnail images are larger than the original bullets; move it up */
+}
.anythingSlider-metallic .thumbNav a {
background-image: url();
height: 30px;
@@ -142,12 +144,12 @@ <h2 class="title">Demo 1: Thumbnails &amp; A Lightbox</h2>
visibility: visible; /* span changed to visibility hidden in v1.7.20 */
}
/* border around link (image) to show current panel */
- #demo2 .anythingSlider-metallic .thumbNav a:hover,
- #demo2 .anythingSlider-metallic .thumbNav a.cur {
+ .anythingSlider-metallic .thumbNav a:hover,
+ .anythingSlider-metallic .thumbNav a.cur {
border-color: #fff;
}
/* reposition the start/stop button */
- #demo2 .anythingSlider-metallic .start-stop {
+ .anythingSlider-metallic .start-stop {
margin-top: 15px;
}</pre>
<br>
@@ -305,7 +307,7 @@ <h2 class="title">Demo 2: FX Extension Panel Effects</h2>
<h3><a href="#">Header</a></h3>
<div>
<pre class="html">&lt;!-- jQuery --&gt;
- &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js&quot;&gt;&lt;/script&gt;
+ &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;!-- Anything Slider optional plugins --&gt;
&lt;script src=&quot;js/jquery.easing.1.2.js&quot;&gt;&lt;/script&gt;
@@ -500,7 +502,7 @@ <h2 class="title">Demo 3: Sliding Captions</h2>
<h3><a href="#">Header</a></h3>
<div>
<pre class="html"> &lt;!-- jQuery --&gt;
- &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js&quot;&gt;&lt;/script&gt;
+ &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;!-- Anything Slider optional plugins --&gt;
&lt;script src=&quot;js/jquery.easing.1.2.js&quot;&gt;&lt;/script&gt;
View
@@ -79,6 +79,7 @@ ul li { font: 15px Georgia, Serif; margin: 0 0 8px 0; }
/* Change metallic slider defaults to show thumbnails -
using #demo2 (page wrapper) to increase this CSS priority */
+#demo2 div.anythingControls { bottom: 25px; }
#demo2 div.anythingSlider-metallic .thumbNav a { background-image: url(); height: 30px; width: 30px; border: #000 1px solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#demo2 div.anythingSlider-metallic .thumbNav a span { visibility: visible; }
View
@@ -47,10 +47,10 @@
<a href="video.html">Video Demo</a>
<a href="demos.html">FX Demos</a>
<a href="css3.html">CSS3 Demo</a>
- <a class="play" href="http://jsfiddle.net/Mottie/aTKzP/">Playground</a>
- <a class="git" href="https://github.com/ProLoser/AnythingSlider/wiki">Documentation</a>
- <a class="git" href="https://github.com/ProLoser/AnythingSlider/zipball/master">Download</a>
- <a class="issue" href="https://github.com/ProLoser/AnythingSlider/issues">Issues</a>
+ <a class="play" href="http://jsfiddle.net/Mottie/ycUB6/">Playground</a>
+ <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider/wiki">Documentation</a>
+ <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider/zipball/master">Download</a>
+ <a class="issue" href="https://github.com/CSS-Tricks/AnythingSlider/issues">Issues</a>
</div>
<!-- End Links -->
View
@@ -141,14 +141,14 @@
<a href="video.html">Video Demo</a>
<a href="demos.html">FX Demos</a>
<a href="css3.html">CSS3 Demo</a>
- <a class="play" href="http://jsfiddle.net/Mottie/aTKzP/">Playground</a>
- <a class="git" href="https://github.com/ProLoser/AnythingSlider/wiki">Documentation</a>
- <a class="git" href="https://github.com/ProLoser/AnythingSlider/zipball/master">Download</a>
- <a class="issue" href="https://github.com/ProLoser/AnythingSlider/issues">Issues</a>
+ <a class="play" href="http://jsfiddle.net/Mottie/ycUB6/">Playground</a>
+ <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider/wiki">Documentation</a>
+ <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider/zipball/master">Download</a>
+ <a class="issue" href="https://github.com/CSS-Tricks/AnythingSlider/issues">Issues</a>
</div>
<h5><a href="http://css-tricks.com/examples/AnythingSlider/">Original</a> By <a href="http://css-tricks.com">Chris Coyier</a>,
- expanded upon by <a href="https://github.com/ProLoser/AnythingSlider/wiki/Credits">many others</a></h5>
+ expanded upon by <a href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Credits">many others</a></h5>
<h1>AnythingSlider</h1>
@@ -263,7 +263,7 @@
<li>Use keyboard navigation or tabs that are built and added dynamically (any number of panels).</li>
<li>Link to specific slides or go forward or back one slide from static text links - go to <a href="#" id="slide-jump">Slide 4</a> (Quote #2) in second example.</li>
<li>Each panel has a hashtag (can link directly to specific panels) or use the ID of an element inside the panel.</li>
- <li>Optional custom function for <a href="https://github.com/ProLoser/AnythingSlider/wiki/Navigation-Options">formatting navigation text</a>.</li>
+ <li>Optional custom function for <a href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Navigation-Options">formatting navigation text</a>.</li>
<li>Auto-playing slideshow (optional feature, can start playing or stopped).</li>
<li>Pauses slideshow on hover (optional).</li>
<li>Optionally play the slideshow once through, stopping on the last page.</li>
@@ -275,7 +275,7 @@
<a name="default-options"></a>
<h2>Default Options</h2>
- See the documentation for complete description of these options (<a href="https://github.com/ProLoser/AnythingSlider/wiki/Appearance-Options">appearance</a>, <a href="https://github.com/ProLoser/AnythingSlider/wiki/Navigation-Options">navigation</a>, <a href="https://github.com/ProLoser/AnythingSlider/wiki/Slideshow-Options">slideshow</a>, <a href="https://github.com/ProLoser/AnythingSlider/wiki/Callbacks-and-Events">callbacks &amp; events</a>, <a href="https://github.com/ProLoser/AnythingSlider/wiki/Video">video</a>, <a href="https://github.com/ProLoser/AnythingSlider/wiki/Interactivity-and-Miscellaneous-Options">interativity &amp; misc</a>).<br>
+ See the documentation for complete description of these options (<a href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Appearance-Options">appearance</a>, <a href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Navigation-Options">navigation</a>, <a href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Slideshow-Options">slideshow</a>, <a href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Callbacks-and-Events">callbacks &amp; events</a>, <a href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Video">video</a>, <a href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Interactivity-and-Miscellaneous-Options">interativity &amp; misc</a>).<br>
<br>
<blockquote>
<pre class="js">$('#slider').anythingSlider({
@@ -363,27 +363,34 @@
<a name="known-issues"></a>
<h2>Known Issues</h2>
<ul>
- <li>Please refer to the <a href="https://github.com/ProLoser/AnythingSlider/wiki">documentation</a>.</li>
+ <li>Please refer to the <a href="https://github.com/CSS-Tricks/AnythingSlider/wiki">documentation</a>.</li>
</ul>
<a name="changelog"></a>
<h2>Changelog</h2>
- Only the latest versions will be shown here. See the <a href="https://github.com/ProLoser/AnythingSlider/wiki/Change-Log">full change log here</a>.<br>
+ Only the latest versions will be shown here. See the <a href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Change-Log">full change log here</a>.<br>
<br>
+ <h3>Moved Repo!</h3>
+ <ul>
+ <li>The AnythingSlider repo was "moved" from ProLoser/AnythingSlider to CSS-Tricks/AnythingSlider.</li>
+ <li>Due to an issue, the repository was removed and all issues and links were lost, sorry for the inconvenience.</li>
+ <li>The Wiki documents have been replaced, but as all of the jsFiddle demos were targetting the files from the previous location, they are most likely all broken. I will slowly update these demos and links as time permits.</li>
+ </ul>
+
<h3>Version 1.8.6</h3>
<ul>
<li>Animation time can now be set to zero when using the API method.</li>
- <li>Fixed IE9 flashing in fade mode. Fix for <a href="https://github.com/ProLoser/AnythingSlider/issues/377">issue #377</a>.</li>
+ <li>Fixed IE9 flashing in fade mode. Fix for <a href="https://github.com/CSS-Tricks/AnythingSlider/issues/377">issue #377</a>.</li>
<li>Modified fade mode to use the <code>resumeOnVisible</code> option:
<ul>
<li>If the option is true, non-current panels will have an opacity of zero and be hidden by having a lower z-index.</li>
<li>If <code>resumeOnVisible</code> is <code>false</code> all non-current panels will be hidden. But because they are hidden (display:none), all videos will restart when they become visible again and there is no way to control it.</li>
<li>Hopefully setting the option to false will fix the issues that mobile devices are having with video.</li>
</ul>
</li>
- <li>Fade mode no longer uses css to set the opacity. Hopefully this will fix <a href="https://github.com/ProLoser/AnythingSlider/issues/379">issue #379</a>.</li>
+ <li>Fade mode no longer uses css to set the opacity. Hopefully this will fix <a href="https://github.com/CSS-Tricks/AnythingSlider/issues/379">issue #379</a>.</li>
<li>Updated the wiki documentation to include API functions.</li>
</ul>
@@ -395,24 +402,24 @@
<li>If true, the plugin will allow the user to rapidly click on the navigation tabs or arrows to skip slides quickly. The animation will jump to the end, so it may not appear as smooth when this option is false.</li>
</ul>
</li>
- <li>When using fade mode, the links in the first panel will now work properly. Fixes <a href="https://github.com/ProLoser/AnythingSlider/issues/346">issue #346</a>.</li>
- <li>When <code>showMultiple</code> and <code>changeBy</code> are more than one, and <code>infiniteSlides</code> is false, the slider will now properly show all of the slides. Fixes <a href="https://github.com/ProLoser/AnythingSlider/issues/356">issue #356</a>. Thanks to <a href="https://github.com/NewMediaRoc">NewMediaRoc</a> for sharing the code!</li>
+ <li>When using fade mode, the links in the first panel will now work properly. Fixes <a href="https://github.com/CSS-Tricks/AnythingSlider/issues/346">issue #346</a>.</li>
+ <li>When <code>showMultiple</code> and <code>changeBy</code> are more than one, and <code>infiniteSlides</code> is false, the slider will now properly show all of the slides. Fixes <a href="https://github.com/CSS-Tricks/AnythingSlider/issues/356">issue #356</a>. Thanks to <a href="https://github.com/NewMediaRoc">NewMediaRoc</a> for sharing the code!</li>
</ul>
<h3>Version 1.8.4</h3>
<ul>
- <li>The anythingControls div will no longer be added to the markup when empty. Fixes <a href="https://github.com/ProLoser/AnythingSlider/issues/342">issue #342</a>.</li>
- <li>Fixed error that occurs when buildArrows is false and stopAtEnd is true. Fix for <a href="https://github.com/ProLoser/AnythingSlider/issues/343">issue #343</a>. Thanks to <a href="https://github.com/lhwparis">lhwparis</a> for the code!</li>
+ <li>The anythingControls div will no longer be added to the markup when empty. Fixes <a href="https://github.com/CSS-Tricks/AnythingSlider/issues/342">issue #342</a>.</li>
+ <li>Fixed error that occurs when buildArrows is false and stopAtEnd is true. Fix for <a href="https://github.com/CSS-Tricks/AnythingSlider/issues/343">issue #343</a>. Thanks to <a href="https://github.com/lhwparis">lhwparis</a> for the code!</li>
</ul>
<h3>Version 1.8.3</h3>
<ul>
- <li>Fixed fade mode animation bug. It should now behave as the other modes in that rapid panel changes are ignored. Fixes <a href="https://github.com/ProLoser/AnythingSlider/issues/340">issue #340</a> (and maybe issues #338 &amp; #339?).</li>
+ <li>Fixed fade mode animation bug. It should now behave as the other modes in that rapid panel changes are ignored. Fixes <a href="https://github.com/CSS-Tricks/AnythingSlider/issues/340">issue #340</a> (and maybe issues #338 &amp; #339?).</li>
</ul>
<h3>Version 1.8.2</h3>
<ul>
- <li>Fixed <code>autoPlay</code> option. Fix for <a href="https://github.com/ProLoser/AnythingSlider/issues/331">issue #331</a>.</li>
+ <li>Fixed <code>autoPlay</code> option. Fix for <a href="https://github.com/CSS-Tricks/AnythingSlider/issues/331">issue #331</a>.</li>
<li>Removed IE conditional comments from demo files.</li>
</ul>
@@ -1,7 +1,7 @@
/*!
AnythingSlider v1.8.6
Original by Chris Coyier: http://css-tricks.com
- Get the latest version: https://github.com/ProLoser/AnythingSlider
+ Get the latest version: https://github.com/CSS-Tricks/AnythingSlider
To use the navigationFormatter function, you must have a function that
accepts two paramaters, and returns a string of HTML text.

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -9,7 +9,7 @@
"licenses": [
{
"type": "GPL3",
- "url": "https://github.com/ProLoser/AnythingSlider/blob/master/license.txt"
+ "url": "https://github.com/CSS-Tricks/AnythingSlider/blob/master/license.txt"
}
],
"dependencies": {
@@ -23,8 +23,8 @@
"video"
],
"homepage": "http://css-tricks.com/3412-anythingslider-jquery-plugin/",
- "demo": "http://proloser.github.com/AnythingSlider/",
- "docs": "https://github.com/ProLoser/AnythingSlider/wiki",
+ "demo": "http://css-tricks.github.com/AnythingSlider/",
+ "docs": "https://github.com/CSS-Tricks/AnythingSlider/wiki",
"maintainers": [
{
"name": "Rob Garrison",
Oops, something went wrong.

0 comments on commit 5e6141c

Please sign in to comment.