Fehlerhafte fade mit jquery

djnijo

djnijo

Mitglied
ich habe folgendes problem, ich versuche eine slideshow zu schreiben, die mir alle 8 sec ein neues bild anzeigt, und zusätzlich eine nummer aus der datenbank. mein php code:

PHP: 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){
	$('.fadein .imgc:gt(0)').hide();
	setInterval(function(){$('.fadein :first-child').fadeOut().next('.imgc').fadeIn().end().appendTo('.fadein');}, 8000);
});

</script>

</head>
<body>
<div class="fadein">
<?
include "config.php";

$sql = "SELECT * FROM girls WHERE bild<>'' AND bild IS NOT NULL";
$db_erg = mysql_query( $sql );
$summe = mysql_num_rows($db_erg);
$timer = $summe*8;
$page=$_SERVER['PHP_SELF'];
//header("Refresh: $timer; url=$page");
while ($row1 = mysql_fetch_array( $db_erg, MYSQL_ASSOC))
{
	$bild = $row1['bild'];
	$id= $row1['id'];
?>	
<div class="imgc">
<img src="<?=$bild?>">
<div id="nummer"></div><br>
#<?=$id?>
</div>
<?
}

?>

Leider wird nach dem 2. bild das daraufhin folgende bild nicht mehr angezeigt, aber die nummer schon. wo könnte das problem liegen?
 
Hallo djnijo,

woran es bei dir liegt kann ich nicht sagen aber vielleicht hilft dir ja das hier weiter.

Javascript: 
$(function(){

$('.imgc').hide();

fade_in(0);

function fade_out(img) {
if (img >= <?php echo $summe; ?>) return false;
	$('.imgc').eq(img).fadeOut(3000, function() fade_in(img));
}

function fade_in(img) {
img = img + 1;
	$('.imgc').eq(img).fadeIn(3000, function() fade_out(img));
}

});

Was hier passiert erklärt sich glaube ich von selber!?

P.S. Der Tabellename in deiner SQL-Abfrage klingt interessant ;-)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück