|
||||
easySlider Endlosschleife
Hi
Ich würde gern aus dem jQuery easySlider eine Endlosschleife machen. In meiner jetzigen Version blendet sich der "zurück"-Button beim ersten Bild und der "vor"-button beim letzten Bild automatisch aus. Ich möchte aber, dass diese Pfeile dauerhaft bleiben und er beim ersten zum letzten, und vom letzten zum ersten springt. Beispiel: Coda Slider Ist dies auch für den easySlider möglich? HTML-Code:
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/easySlider.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider(); }); </script> Code:
(function($) { $.fn.easySlider = function(options){ // default configuration properties var defaults = { prevId: 'prevBtn', prevText: 'prev', nextId: 'nextBtn', nextText: 'next', orientation: '', // 'vertical' is optional; speed: 800 }; var options = $.extend(defaults, options); return this.each(function() { obj = $(this); var s = $("li", obj).length; var w = obj.width(); var h = obj.height(); var ts = s-1; var t = 0; var vertical = (options.orientation == 'vertical'); $("ul", obj).css('width',s*w); if(!vertical) $("li", obj).css('float','left'); $(obj).after('<span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span> <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>'); $("a","#"+options.prevId).hide(); $("a","#"+options.nextId).hide(); $("a","#"+options.nextId).click(function(){ animate("next"); if (t>=ts) $(this).fadeOut(); $("a","#"+options.prevId).fadeIn(); }); $("a","#"+options.prevId).click(function(){ animate("prev"); if (t<=0) $(this).fadeOut(); $("a","#"+options.nextId).fadeIn(); }); function animate(dir){ if(dir == "next"){ t = (t>=ts) ? ts : t+1; } else { t = (t<=0) ? 0 : t-1; }; if(!vertical) { p = (t*w*-1); $("ul",obj).animate( { marginLeft: p }, options.speed ); } else { p = (t*h*-1); $("ul",obj).animate( { marginTop: p }, options.speed ); } }; if(s>1) $("a","#"+options.nextId).fadeIn(); }); }; })(jQuery); |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Opera: Endlosschleife beim Antworten/Zitieren | EvT | Fragen, Konstruktive Kritik, Lob / Bekanntmachungen | 6 | 19.11.2010 01:27 |
jQuery - Easyslider Problem | zatoozy | Javascript & Ajax | 2 | 15.11.2010 20:31 |
Login-System mit jQuery führt zu Endlosschleife | Thielo | Serveradministration und serverseitige Scripte | 18 | 25.10.2009 08:50 |
Easyslider - Nicht mit next und previous navigieren | zozo | Javascript & Ajax | 0 | 28.07.2009 12:53 |
Mod Rewrite endet in einer Endlosschleife | greenslot | Serveradministration und serverseitige Scripte | 5 | 15.03.2009 23:51 |