zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden easySlider Endlosschleife

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.07.2009, 15:18
Benutzerbild von Cocoon
position: relative;
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.06.2009
Ort: Berlin
Beiträge: 156
Cocoon wird schon bald berühmt werden
Standard 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);
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.07.2009, 16:49
Benutzerbild von Cocoon
position: relative;
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.06.2009
Ort: Berlin
Beiträge: 156
Cocoon wird schon bald berühmt werden
Standard

Gibt es da keine Möglichkeit?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.07.2009, 20:14
Glühend, brennend Rot
XHTMLforum-Mitglied
 
Registriert seit: 12.08.2006
Ort: Riehen
Beiträge: 152
Wasili befindet sich auf einem aufstrebenden Ast
Standard

Easy Slider 1.5 kennt die Einstellung "continuous", bei dem am Schluss wieder an den Anfang gesprungen wird.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:27 Uhr.