• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Welches Motiv unseres Fotowettbewerbes gefällt Euch in diesem Monat am Besten? Hier geht es lang zur Abstimmung --> 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

Celler Dickstiel
Registriert
05.08.08
Beiträge
801
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

Celler Dickstiel
Registriert
05.08.08
Beiträge
801
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

Celler Dickstiel
Registriert
05.08.08
Beiträge
801
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-2024 Apfeltalk | Made on a Mac
Oben Unten