przewijanie reklam Opcje

[pys1986]

Witam, chciałbym zrobić na swoją strone na dole poziomy pasek z przewijanymi w kółko reklamami, ale niewiem jak sie do tego zabrać (IMG:style_emoticons/default/sad.gif) niestety javascript`u nieznam za bardzo (IMG:style_emoticons/default/sad.gif) proszęo jakieś podpowiedzi i może przykłady (IMG:style_emoticons/default/smile.gif)

[Ziom73]

Czy może chodzi o to? :

[PHP] pobierz, plaintext 
<marquee>Tu daj menu</marquee>
[PHP] pobierz, plaintext 

Źródło: http://www.kurshtml.boo.pl/html/animacja_m...multimedia.html

Pozdrawiam.

[TrevorGryffits]

Marquee?! Zło:P

Użyj jQuery. Tutaj znajdziesz dokładniejsze informacje

[pys1986]

o to mi chodziło (IMG:style_emoticons/default/smile.gif)

ale mam teraz pytanie odnośnie " jQuery News Ticker": jak zapętlić ten pasek - chodzi mi o to że jak przejadą wszystkie reklamy to dopiero gdy jest czysto zaczynają jechać od nowa a ja bym chciał żeby za ostatnią od razu jechała pierwsza (IMG:style_emoticons/default/smile.gif)

[petrrr]

A odpiszę, bo akurat dzisiaj robiłem coś bardzo podobnego. (IMG:style_emoticons/default/smile.gif)
Ja skorzystałem z prototype-carousel.
Zobacz, może wykorzystasz.
Jest tam też opcja 'circular' dzięki której zrobisz to co chcesz, czyli przewijanie reklam w kółko.

[pys1986]

a jak zrobiłeś żeby to się płynnie przesuwało ?

[petrrr]

Jeśli pytasz o tego prototype carousela, to w trakcie inicjowania efektu musisz podać odpowiednie opcje.
Np tak:

[HTML] pobierz, plaintext 
new Carousel('carousel-wrapper', $$('#carousel-content .slide'), $$('a.carousel-control', 'a.carousel-jumper'), {duration: 0.5, circular: true, auto: true, frequency: 2});
[HTML] pobierz, plaintext 

duration to czas animacji,
circular: true oznacza że ma kręcić się w kółko
auto: true oznacza, że nie ma automatycznie zmieniać slajdy
frequency: 2 oznacza, że slajd jest wyświetlany 2 sek

BARDZO WAŻNE:
Jeżeli używasz opcji circular, to ostani slajd musisz wstawić taki jak pierwszy, w przeciwnym wypadku po ostatnim od razu wyświetli się slajd nr 2.
Przykład:

[HTML] pobierz, plaintext 
	<div id="carousel-wrapper">
	    <div id="carousel-content">
	        <div class="slide">slajd 1</div>
	        <div class="slide">slajd 2</div>
	        <div class="slide">slajd 3</div>
	        <div class="slide">slajd 4</div>
	        <div class="slide">slajd 5</div>
	        <div class="slide">slajd 6</div>
	        <div class="slide">slajd 1</div>
	    </div>
	</div>
[HTML] pobierz, plaintext 

[pys1986]

no to już działa ale teraz mam jeszcze problem z:

rozszerzyłem sobie pasek na 960px i puszczam obrazki po 240px czyli mieszczą się 4 na raz, i pojawiają się po kolei 1,2,3,4,5,1 ale gdy ostatni "1" dojedzie do końca to pojawia się dopiero reszta zaraz za nim (IMG:style_emoticons/default/sad.gif) robi sie po prostu chwilowa przrwa (IMG:style_emoticons/default/sad.gif)

[petrrr]

Na pewno to też jest do zrobienia.
Wydaje mi się, że powinieneś odpowiednio ustawić opcję 'visibleSlides' i być może powtórzyć na końcu więcej niż jeden slajd zeby zlikwidować tę lukę.
Poczytaj dokładnie na temat wszystkich opcji tutaj http://code.google.com/p/prototype-carousel/.
Są tam też przykłady. Zwróć uwagę w szególności na ten zamieszczony w zakładce 'Example 2' - tam właśnie jest zrobione wyświetlanie kilku slajdów jednocześnie.

[pys1986]

niestety próbowałem już tych wszystkich opcji i nic (IMG:style_emoticons/default/sad.gif)


edit:
a może tu trzeba coś zmienić (carousel.js):

[HTML] pobierz, plaintext 
	next: function () {
		if (this.current) {
			var currentIndex = this.current._index;
			var nextIndex = (this.slides.length - 1 == currentIndex) ? (this.options.circular ? 0 : currentIndex) : currentIndex + 1;
        } else {
            var nextIndex = 1;
        }
 
		if (nextIndex == 0 && this.options.circular && this.options.effect != 'fade') {
			this.scroller.scrollLeft = 0;
			this.scroller.scrollTop  = 0;
			nextIndex = 1;
        }
 
		if (nextIndex > this.slides.length - (this.options.visibleSlides + 1)) {
			nextIndex = this.slides.length - this.options.visibleSlides;
		}		
 
		this.moveTo(this.slides[nextIndex]);
	},
[HTML] pobierz, plaintext 

no więc nadal poszukuje skryptu do przewijania rekalm (IMG:style_emoticons/default/sad.gif)

Ten post edytował pys1986 16.08.2009, 08:42:27

[petrrr]

Hmmm, trudno powiedzieć czy trzeba cos zmieniac w carousel.js. Nie wgłębiałem się w ten plik, jako że skrypcik bez problemu sprostał moim wymaganiom.
Z opisu wydawać by się mogło, że wystarczy odpowiednio wykorzystać opcje.
Więc może zamiast szarpać się z JS po prostu użyj do tego celu flasha?...