Witam,

Potrzebuje na jednej stronie uruchomić dwa takie same skrypty ze sliderem który przewija loga.
Jednak gdy wrzucę dwa to sie one gryzą. Zmieniałem nazwę funkcji animate ale to nie działa.
Proszę o pomoc.

Skrypt:

[PHP] pobierz, plaintext 
						<center>
							<div id="slide">
								<ul class="ppt"> 
									<?php
 
									$tab = array();
									$tab[] = '<img width="160px" src="http://www.metrohouse.pl/images/rss/mini/340_0.jpg" />';
									$tab[] = '<img width="160px" src="http://3.bp.blogspot.com/_y6bs9WYKAxk/SzonotqAHiI/AAAAAAAABEA/8061q9qg0Q0/S240/twitter%2Blogo.png" />';
									$tab[] = '<img width="160px" src="http://www.lanpolis.pl/uploads/2010/05/Firefox-logo.png" />';
									$tab[] = '<img width="160px" src="http://offer15.pl/uploads/images/intel-logo-blue.jpg" />';
									$tab[] = '<img width="160px" src="http://s1.blomedia.pl/lajfmajster.pl/images/2009/07/wordpress_logo.png" />';
 
									shuffle($tab); // mieszanie zawartości tablicy
 
									foreach ($tab as $klucz => $wartosc)
									{
										echo '<li>';
										echo $wartosc;
										echo '</li>';
									}
									?>
								</ul>
							</div>
						</center>
 
						<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
						<script type="text/javascript"> 
						$('.ppt li:gt(0)').hide();
						$('.ppt li:last').addClass('last');
						var cur = $('.ppt li:first');
 
						function animate() {
						cur.fadeOut( 10 );
						if ( cur.attr('class') == 'last' )
						cur = $('.ppt li:first');
						else
						cur = cur.next();
						cur.fadeIn( 10 );
						}
 
 
						$(function() {
						setInterval( "animate()", 4000 );
						} );
						</script>
[PHP] pobierz, plaintext 

Ok, ale czy zmieniłeś parametr ID dla każdego sliderka ?

tak, zmieniałem ppt na ppt, slide na slide2, animate() na animate2 i nic to nie daje, niestety

Nie znam się prawie w ogóle na JS - niestety. Ten kod jest wyciągnięty z mojej strony.

Ja już edytowałem ten skrypt tak:

[PHP] pobierz, plaintext 
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<center>
					<div id="slide">
									<ul class="ppt"> 
													<?php
 
													$tab = array();
													$tab[] = '<img width="160px" src="http://www.metrohouse.pl/images/rss/mini/340_0.jpg" />';
													$tab[] = '<img width="160px" src="http://3.bp.blogspot.com/_y6bs9WYKAxk/SzonotqAHiI/AAAAAAAABEA/8061q9qg0Q0/S240/twitter%2Blogo.png" />';
													$tab[] = '<img width="160px" src="http://www.lanpolis.pl/uploads/2010/05/Firefox-logo.png" />';
													$tab[] = '<img width="160px" src="http://offer15.pl/uploads/images/intel-logo-blue.jpg" />';
													$tab[] = '<img width="160px" src="http://s1.blomedia.pl/lajfmajster.pl/images/2009/07/wordpress_logo.png" />';
 
													shuffle($tab); // mieszanie zawartości tablicy
 
													foreach ($tab as $klucz => $wartosc)
													{
																	echo '<li>';
																	echo $wartosc;
																	echo '</li>';
													}
													?>
									</ul>
					</div>
	</center>
 
	<script type="text/javascript"> 
	$('.ppt li:gt(0)').hide();
	$('.ppt li:last').addClass('last');
	var cur = $('.ppt li:first');
 
	function animate() {
	cur.fadeOut( 10 );
	if ( cur.attr('class') == 'last' )
	cur = $('.ppt li:first');
	else
	cur = cur.next();
	cur.fadeIn( 10 );
	}
 
 
	$(function() {
	setInterval( "animate()", 4000 );
	} );
	</script>
 
 
 
 
 
 
 
 
 
	<center>
					<div id="slide">
									<ul class="ppt2"> 
													<?php
 
													$tab = array();
													$tab[] = '<img width="160px" src="http://www.metrohouse.pl/images/rss/mini/340_0.jpg" />';
													$tab[] = '<img width="160px" src="http://3.bp.blogspot.com/_y6bs9WYKAxk/SzonotqAHiI/AAAAAAAABEA/8061q9qg0Q0/S240/twitter%2Blogo.png" />';
													$tab[] = '<img width="160px" src="http://www.lanpolis.pl/uploads/2010/05/Firefox-logo.png" />';
													$tab[] = '<img width="160px" src="http://offer15.pl/uploads/images/intel-logo-blue.jpg" />';
													$tab[] = '<img width="160px" src="http://s1.blomedia.pl/lajfmajster.pl/images/2009/07/wordpress_logo.png" />';
 
													shuffle($tab); // mieszanie zawartości tablicy
 
													foreach ($tab as $klucz => $wartosc)
													{
																	echo '<li>';
																	echo $wartosc;
																	echo '</li>';
													}
													?>
									</ul>
					</div>
	</center>
 
	<script type="text/javascript"> 
	$('.ppt2 li:gt(0)').hide();
	$('.ppt2 li:last').addClass('last');
	var cur2 = $('.ppt2 li:first');
 
	function animate2() {
	cur2.fadeOut( 10 );
	if ( cur2.attr('class') == 'last' )
	cur2 = $('.ppt2 li:first');
	else
	cur2 = cur2.next();
	cur2.fadeIn( 10 );
	}
 
 
	$(function() {
	setInterval( "animate2()", 6000 );
	} );
	</script>
[PHP] pobierz, plaintext 

Jednak jest dalej problem z tym, że slider 1 podkrada do wyświetlania to co ma slider2.

Jeśli macie jakieś inne rozwiązania to chętnie je zobaczę.

hmm masz dwa razy to samo ID (<div id="slide">) zmień i sprawdź jeszcze raz