Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- HTML für Slider 1:
- <div class="container">
- <div class="wrapper">
- <ul id="sb-slider-1" class="sb-slider" style="max-width: 715px;">
- <li class="" style="display: none;">
- <img src="./kittens_files/narnia_wurf_alle.jpg" alt="Alle Kitten of ivory tower - Narnia-Wurf">
- </li>
- <li class="" style="display: none;">
- <img src="./kittens_files/narnia_wurf_edmund_1.jpg" alt="Narnia Wurf - Edmund of ivory tower">
- </li>
- <li class="sb-current" style="display: block;">
- <img src="./kittens_files/narnia_wurf_edmund_2.jpg" alt="Narnia Wurf - Edmund of ivory tower 2">
- </li>
- <li>
- <img src="./kittens_files/narnia_wurf_lucy_1.jpg" alt="Narnia Wurf - Lucy of ivory tower">
- </li>
- <li>
- <img src="./kittens_files/narnia_wurf_lucy_2.jpg" alt="Narnia Wurf - Lucy of ivory tower 2">
- </li>
- <li>
- <img src="./kittens_files/narnia_wurf_peter_1.jpg" alt="Narnia Wurf - Peter of ivory tower">
- </li>
- <li>
- <img src="./kittens_files/narnia_wurf_peter_2.jpg" alt="Narnia Wurf - Peter of ivory tower 2">
- </li>
- <li>
- <img src="./kittens_files/narnia_wurf_peter_3.jpg" alt="Narnia Wurf - Peter of ivory tower 3">
- </li>
- <li>
- <img src="./kittens_files/narnia_wurf_susan_1.jpg" alt="Narnia Wurf - Susan of ivory tower">
- </li>
- <li>
- <img src="./kittens_files/narnia_wurf_susan_2.jpg" alt="Narnia Wurf - Susan of ivory tower 2">
- </li>
- </ul>
- <div id="shadow-1" class="shadow" style="display: block;"></div>
- <div id="nav-arrows-1" class="nav-arrows" style="display: block;">
- <a href="" onfocus="if (this.blur) this.blur()">Next</a>
- <a href="" onfocus="if (this.blur) this.blur()">Previous</a>
- </div>
- </div><!-- /wrapper -->
- </div>
- HTML für Slider 2:
- <div class="container">
- <div class="wrapper">
- <ul id="sb-slider-2" class="sb-slider">
- <li>
- <img src="./kittens_files/eissorten_devil_1.jpg" alt="Devil´s of Ivory Tower - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_devil_2.jpg" alt="Devil´s of Ivory Tower - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_devil_3.jpg" alt="Devil´s of Ivory Tower - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_holy_cannoli_1.jpg" alt="Holy Canoli of Ivory Tower - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_holy_cannoli_2.jpg" alt="Holy Canoli of Ivory Tower 2 - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_sugar_plum_1.jpg" alt="Sugar Plum of Ivory Tower - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_sugar_plum_2.jpg" alt="Sugar Plum of Ivory Tower 2 - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_this_is_nuts_1.jpg" alt="This Is Nuts of Ivory Tower - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_this_is_nuts_1a.jpg" alt="This Is Nuts of Ivory Tower 1 - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_this_is_nuts_2.jpg" alt="This Is Nuts of Ivory Tower 2 - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_wurf_caramel_chew_chew_1.jpg" alt="Caramel Chew Chew of Ivory Tower - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_wurf_caramel_chew_chew_2.jpg" alt="Caramel Chew Chew of Ivory Tower 2 of Ivory Tower - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_wurf_karamel_sutra_1.jpg" alt="Karamel Sutra of Ivory Tower - Ben und Jerry´s Eissorten - Wurf">
- </li>
- <li>
- <img src="./kittens_files/eissorten_wurf_karamel_sutra_2.jpg" alt="Karamel Sutra of Ivory Tower 2 - Ben und Jerry´s Eissorten - Wurf">
- </li>
- </ul>
- <div id="shadow-2" class="shadow"></div>
- <div id="nav-arrows-2" class="nav-arrows">
- <a href="" onfocus="if (this.blur) this.blur()">Next</a>
- <a href="" onfocus="if (this.blur) this.blur()">Previous</a>
- </div>
- </div><!-- /wrapper -->
- </div>
- Javascript:
- <script type="text/javascript" src="./kittens_files/jquery.min.js.Download"></script>
- <script type="text/javascript" src="./kittens_files/jquery.slicebox.js.Download"></script>
- <script type="text/javascript">
- var Page = function(navarrows, shadow, slides) {
- var $navArrows = $(navarrows).hide(),
- $shadow = $(shadow).hide(),
- slicebox = $(slides).slicebox( {
- onReady : function() {
- $navArrows.show();
- $shadow.show();
- },
- orientation : 'r',
- cuboidsRandom : true
- } ),
- init = function() {
- initEvents();
- },
- initEvents = function() {
- // add navigation events
- $navArrows.children( ':first' ).on( 'click', function() {
- slicebox.next();
- return false;
- } );
- $navArrows.children( ':last' ).on( 'click', function() {
- slicebox.previous();
- return false;
- } );
- };
- return { init : init };
- };
- slider1 = new Page('#nav-arrows-1', '#shadow-1', '#sb-slider-1');
- slider1.init();
- slider2 = new Page('#nav-arrows-2', '#shadow-2', '#sb-slider-2');
- slider2.init();
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement