Skip to content

Commit

Permalink
updated demo links to css-tricks
Browse files Browse the repository at this point in the history
  • Loading branch information
Mottie committed Aug 17, 2012
1 parent 9410288 commit 023b842
Show file tree
Hide file tree
Showing 4 changed files with 18 additions and 14 deletions.
10 changes: 7 additions & 3 deletions README.markdown
Original file line number Original file line Diff line number Diff line change
@@ -1,8 +1,8 @@
# AnythingSlider FX Builder Bookmarklet # AnythingSlider FX Builder Bookmarklet


## Features ([Demo](http://css-tricks.github.com/AnythingSlider-Fx-Builder/)) ## Features ([Demo](http://css-tricks.github.com/AnythingSlider-Fx-Builder/))
* Bookmarklet that can be run on any page containing an [AnythingSlider](http://proloser.github.com/AnythingSlider) * Bookmarklet that can be run on any page containing an [AnythingSlider](http://css-tricks.github.com/AnythingSlider)
* This builder allows you to add and test any of the available built-in effects (Fx) from the [AnythingSlider Fx extension](http://proloser.github.com/AnythingSlider/demos.html). * This builder allows you to add and test any of the available built-in effects (Fx) from the [AnythingSlider Fx extension](http://css-tricks.github.com/AnythingSlider/demos.html).
* No coding knowledge is needed, although some knowledge of [jQuery selectors](http://api.jquery.com/category/selectors/) would be extremely helpful. * No coding knowledge is needed, although some knowledge of [jQuery selectors](http://api.jquery.com/category/selectors/) would be extremely helpful.
* Play a single fx or all of them with one button. * Play a single fx or all of them with one button.
* When done building the list of fx, click the fx code button that you can copy then paste directly into the slider fx initialization code. * When done building the list of fx, click the fx code button that you can copy then paste directly into the slider fx initialization code.
Expand Down Expand Up @@ -49,7 +49,7 @@
.caption-left { left: 0; bottom: 0; width: 130px; height: 180px; } .caption-left { left: 0; bottom: 0; width: 130px; height: 180px; }
``` ```


* Please look at the required HTML needed to set up the captions as well on [this page](http://proloser.github.com/AnythingSlider/demos.html) at the bottom. * Please look at the required HTML needed to set up the captions as well on [this page](http://css-tricks.github.com/AnythingSlider/demos.html) at the bottom.


### Distance/Size ### Distance/Size
* Enter a distance you want the element to move. * Enter a distance you want the element to move.
Expand Down Expand Up @@ -108,6 +108,10 @@ $('#slider').anythingSlider({


## Change Log ## Change Log


### Version 1.0.1
* Updated links to point to the repo's new location on CSS-Tricks
* Updated demo to use CSS-Tricks' version of AnythingSlider

### Version 1.0 ### Version 1.0
* Practice what you preach... set the image dimensions in the main demo\ * Practice what you preach... set the image dimensions in the main demo\
* I guess it's been out there long enough without any problems to take it out of beta :) * I guess it's been out there long enough without any problems to take it out of beta :)
Expand Down
12 changes: 6 additions & 6 deletions index.html
Original file line number Original file line Diff line number Diff line change
Expand Up @@ -8,14 +8,14 @@
<link href='http://fonts.googleapis.com/css?family=Coda:800' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Coda:800' rel='stylesheet' type='text/css'>


<!-- AnythingSlider demo stylesheet (using styles for slider #2) --> <!-- AnythingSlider demo stylesheet (using styles for slider #2) -->
<link href="http://proloser.github.com/AnythingSlider/demos/css/page.css" rel="stylesheet"> <link href="http://css-tricks.github.com/AnythingSlider/demos/css/page.css" rel="stylesheet">
<!-- FX Builder demo page --> <!-- FX Builder demo page -->
<link href="css/demo.css" rel="stylesheet"> <link href="css/demo.css" rel="stylesheet">


<!-- required for AnythingSlider --> <!-- required for AnythingSlider -->
<link href="http://proloser.github.com/AnythingSlider/css/anythingslider.css" rel="stylesheet"> <link href="http://css-tricks.github.com/AnythingSlider/css/anythingslider.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://proloser.github.com/AnythingSlider/js/jquery.anythingslider.js"></script> <script src="http://css-tricks.github.com/AnythingSlider/js/jquery.anythingslider.js"></script>


<script> <script>
$(function(){ $(function(){
Expand Down Expand Up @@ -47,7 +47,7 @@ <h2>AnythingSlider FX Builder</h2>
<ul id="slider2"> <ul id="slider2">
<li class="panel1"> <li class="panel1">
<div class="textSlide"> <div class="textSlide">
<img src="http://proloser.github.com/AnythingSlider/demos/images/251356.jpg" alt="tomato sandwich" style="float: right; margin: 0 0 2px 10px; width: 250px; height: 250px;" /> <img src="http://css-tricks.github.com/AnythingSlider/demos/images/251356.jpg" alt="tomato sandwich" style="float: right; margin: 0 0 2px 10px; width: 250px; height: 250px;" />
<h3>Queenie's Killer Tomato Bagel Sandwich</h3> <h3>Queenie's Killer Tomato Bagel Sandwich</h3>
<h4>Ingredients</h4> <h4>Ingredients</h4>
<ul> <ul>
Expand All @@ -70,7 +70,7 @@ <h4>Ingredients</h4>
</div> </div>
</li> </li>
<li class="panel3"> <li class="panel3">
<img class="expand" src="http://proloser.github.com/AnythingSlider/demos/images/slide-tele-1.jpg" alt="" /> <img class="expand" src="http://css-tricks.github.com/AnythingSlider/demos/images/slide-tele-1.jpg" alt="" />
</li> </li>
<li class="panel4"> <li class="panel4">
<div class="quoteSlide"> <div class="quoteSlide">
Expand All @@ -83,7 +83,7 @@ <h4>Ingredients</h4>
</div> </div>
</li> </li>
<li class="panel5"> <li class="panel5">
<img class="fade" src="http://proloser.github.com/AnythingSlider/demos/images/slide-tele-2.jpg" alt="" /> <img class="fade" src="http://css-tricks.github.com/AnythingSlider/demos/images/slide-tele-2.jpg" alt="" />
</li> </li>
</ul> </ul>


Expand Down
6 changes: 3 additions & 3 deletions js/builder.js
Original file line number Original file line Diff line number Diff line change
@@ -1,5 +1,5 @@
/* /*
* AnythingSlider FX Builder 1.0 * AnythingSlider FX Builder 1.0.1
* By Rob Garrison (aka Mottie & Fudgey) * By Rob Garrison (aka Mottie & Fudgey)
* Dual licensed under the MIT and GPL licenses. * Dual licensed under the MIT and GPL licenses.
*/ */
Expand All @@ -24,12 +24,12 @@ function setupFxBuilder(){
// load easing function if needed // load easing function if needed
var e = typeof jQuery.easing; var e = typeof jQuery.easing;
if (e === 'undefined' || (e === 'object' && typeof jQuery.easing.easeInQuad === 'undefined')) { if (e === 'undefined' || (e === 'object' && typeof jQuery.easing.easeInQuad === 'undefined')) {
jQuery.getScript("http://proloser.github.com/AnythingSlider/js/jquery.easing.1.2.js"); jQuery.getScript("http://css-tricks.github.com/AnythingSlider/js/jquery.easing.1.2.js");
} }


if (typeof jQuery.fn.anythingSliderFx !== 'function'){ if (typeof jQuery.fn.anythingSliderFx !== 'function'){
// load fx extension // load fx extension
jQuery.getScript("http://proloser.github.com/AnythingSlider/js/jquery.anythingslider.fx.js", function(){ jQuery.getScript("http://css-tricks.github.com/AnythingSlider/js/jquery.anythingslider.fx.js", function(){
anythingSliderFxBuilder(); anythingSliderFxBuilder();
}); });
} else { } else {
Expand Down
Loading

0 comments on commit 023b842

Please sign in to comment.