• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Ein Blick aus dem Fenster verrät es: Der Lenz ist da. Passenderweise wird auch der Frühling unser Thema für das Foto des Monats. Hier geht es lang --> Klick

jQuery DIV Slider funktioniert nicht...

Chriis

Dithmarscher Paradiesapfel
Registriert
25.01.10
Beiträge
1.467
Liebe ATer,

ich bin hier gerade ein wenig am verzweifeln...
Ich möchte gerne DIVs mit einem jQuery Plugin namens DivSlideShow zum sliden animieren.
In der Online Demo funktioniert das auch einwandfrei:

http://www.kevinresol.com/divslideshow/example.php

Wenn ich aber nun beispielsweise meine 2 DIVs einrichte, kann ich mit der Maus die DIVs über die Pfeile unten drunter sliden - aber automatisch funktioniert das leider nicht...
Irgendwie funktioniert das 'delay' nicht...

Übersehe ich irgendetwas?

Hier mein Code:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src='http://code.jquery.com/jquery-1.7.2.min.js' type='text/javascript'></script>
<script src='jquery.divslideshow-1.2-min.js' type='text/javascript'></script>
<title>Unbenanntes Dokument</title>
</head>


<body>


<div class='slideshow'>
    <div class="slide"><iframe src="http://www.wdr.de" frameborder="0" marginwidth="0" marginheight="0" width="900px" height="500px" scrolling="no"></iframe></div>
    <div class="slide"><iframe src="http://www.gmx.de" frameborder="0" marginwidth="0" marginheight="0" width="900px" height="500px" scrolling="no"></iframe></div>
    </div>


<script>
    /* call divSlideShow without parameters */
    //$('.slideshow').divSlideShow();


    /* call divSlideShow with parameters */
    $('.slideshow').divSlideShow( {width:900, height:500, arrow:'split', controlClass:'custom', delay:500,} );
</script>


</body>
</html>
 
torben1

torben1

Niederhelfenschwiler Beeriapfel
Registriert
05.08.08
Beiträge
840
Entweder hast Du das schon gelöst, oder ein Fehler im Browser. Bei mir Lion + Chrome startet der Slider automatisch.
 

Chriis

Dithmarscher Paradiesapfel
Registriert
25.01.10
Beiträge
1.467
Hast du meinen Code ausprobiert? - Hab es bis dato nur in Safari getestet..
Ich teste auch mal Chrome! (Mountain Lion)

EDIT: Nein, auch in Chrome wird zwar angezeigt, ich kann manuell switchen - nur automatisch startet die SlideShow nicht..

EDIT 2: Ich werde es jetzt auch mal auf dem iPad ausprobieren!
EDIT 3: No.
 
torben1

torben1

Niederhelfenschwiler Beeriapfel
Registriert
05.08.08
Beiträge
840
Mir war nicht klar dass Du nicht Deine Seite, sondern das Demo verlinkt hast. Sorry, werde Deinen Code mal testen...
 

Chriis

Dithmarscher Paradiesapfel
Registriert
25.01.10
Beiträge
1.467
Das wär klasse!
Irgendwas muss ich da doch übersehen... Zumal das ja in dem BeispielScript auch funktioniert!
 
torben1

torben1

Niederhelfenschwiler Beeriapfel
Registriert
05.08.08
Beiträge
840
Anscheinend kommt es bei dem Plugin zu einem Fehler beim aktuellen jQuery. Wenn Du, wie im Demo diese Verion
Code: 
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
geht es.


Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.divslideshow-1.2-min.js" type="text/javascript"></script>
<title>Unbenanntes Dokument</title>
</head>


<script>
    $(document).ready(function(){
	    $('#slideshow').divSlideShow(
	    	{width:900, height:500, arrow:'split', controlClass:'custom', delay: 500});
	    });
</script>
<body>
<div id='slideshow'>
    <div class='slide'>slide1</div>
    <div class='slide'>slide2</div>
    <div class='slide'>slide3</div>
    <div class='slide'>slide4</div>
</div>
</body>
</html>
 

Chriis

Dithmarscher Paradiesapfel
Registriert
25.01.10
Beiträge
1.467
Tatsache!
Vielen vielen lieben Dank für Deine Hilfe! :)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
2003-2025 Apfeltalk | Made on a Mac
Oben Unten