GoldenLine
Zaloguj się

konto usunięte

Temat: jQuery Slider

Witam.

Zna ktoś może jakiś slider w jQuery, ale taki żeby automatycznie zmieniał zdjęcia, co jakiś czas. Znalazłem kilka, ale wszystkie nie działają pod IE. W FF jest wszystko ok, a pod IE ciężko z tym.
Link do wypowiedziLink
Stanisław Molitorys

Stanisław Molitorys Programista PHP, Web
Developer

Temat: jQuery Slider

np. crossSlide. Na pewno działa pod IE6-8, FF, Opera, Chrom, Safari (wiem bo sprawdzałem). Link: http://tobia.github.com/CrossSlide/ (dodatek działa tylko z zdjęciami a nie tekstem)
Link do wypowiedziLink

konto usunięte

Temat: jQuery Slider

Dziękuję :) A jakiś co animuje od razu zdjęcie z tekstem, w takim układzie, że z lewej jest div, ze zdjęciem, a obok opis.
Link do wypowiedziLink
Piotr Skiba

Piotr Skiba Własna działalność
gospodarcza / Web
Developer /
Programista

Temat: jQuery Slider


Obrazek


Lof SlideShow for K2 - moduł do Joomla
http://extensions.joomla.org/extensions/extension-spec...

Demo :
http://landofcoder.com/demo/joomla15x/k2-slideshow.html
Link do wypowiedziLink

konto usunięte

Temat: jQuery Slider

Dziękuję :)
Link do wypowiedziLink

konto usunięte

Temat: jQuery Slider

serio, skrypt do auto-zmiany to jest chwila moment. Uzywajac jquery animate, czy slide, wrzucenie w array informacji i masz sliderka dzialajacego - na kazdej przegladarce.
Link do wypowiedziLink

konto usunięte

Temat: jQuery Slider

Bawię się, bawię i nie mogę nic wyczarować, stworzyłem coś takiego, animacja jest fajnie po czasie, tylko problem polega na tym, że nie czyta mi pierwszych rekordów tablicy, tylko od razu ostatni. Kod:


$('document').ready(function(){

    slider();

});



function slider(){

var tablica = new Array();

tablica[0]="jQuery";

tablica[1]="Slide";

tablica[2]="Show";

for(var n = 0; n < tablica.length; ++n)

{    

var imie=tablica[n];

    $('#imie').animate({

            opacity: 0.25,

            left: '+=50',

            height: 'toggle'

            }, 3000, function(){

            $('#imie').text(imie);

            }

    );

};



}
Paweł Cyrklaf edytował(a) ten post dnia 28.11.10 o godzinie 11:36
Link do wypowiedziLink

konto usunięte

Temat: jQuery Slider

for(var n = 0; n < tablica.length; ++n)
{

Takie cos lepiej zastapic czyms takim :)

for (var item in tablica) {
alert(tablica[item]);
}

item = zawsze rowna sie key z tablicy.

W tablicy albo bedziesz mial obrazki, ktore chcesz wgrywac i przy kazdej zmianie robisz fadeout, remove obrazka wstaw nowy i fadein

Albo po prostu kilka obrazkow w HTMLu, z klasa, domyslnie ukryte, a JS sie tym zajmie i zacznie je kolejno odkrywac (animowac) - oczywiscie do tego najlepiej miec ustawiony interval by co iles tam sekund odpalal funkcje, ktora sprawdzi jaki obrazek jest widoczny, wygasic go i wlaczyc nastepny (zdaje sie ze jak uzyjesz .next() a nie ma nastepnego, to sam przeskoczy do pierwsego ;)

cos na zasadzie (podkreslam "na zasadzie" bo niedzielny poranek to nie jest dobry dzien na myslenie, chodzi oto zebys zalapal sens):

$('.toSlide:first').fadeIn(200); // zrobi pierwszy domyslnie wlaczony

var timer=setInterval ( "slider();", 3000 ); // ustawi interval na 3sek.

function slider() { // funckja dla intervalu zeby wymieniac obrazki
$('.toSlide:visible').each(function() {
$(this).fadeOut(200, function() {
$(this).next().fadeIn(200);
}
}
}

Zrob sobie w HTMLu 5 obrazkow, kazdy z class="toSlide" i ustaw domyslnie display:none; :)
Jak ci to juz zadziala, to potem mozesz sobie fekty fade zamienic na slide, animate czy cokolwiek tak tylko chcesz ;) Grunt zeby logika smigala.

Jesli cos cie nie dziala, zaisntaluj sobie firebuga, odpal go w FF a w miesjach gdzie sie cos ma dziac wrzucaj testowo:
console.log('cos tam sie zrobilo'); - na przykld w fukcji slider(), w pierwszej linii i bedziesz widzial czy interval odpala go tak jak chcesz.
Link do wypowiedziLink

konto usunięte

Temat: jQuery Slider

Wszystko działa prawie elegancko, animacja działa, ale efekt jest taki, jakby next nie działa, znaczy się mam 3 obrazki, jak dojdzie do 3 i go schowa to już nie nie pokazuje. W console log, mam takie coś:
Jestem w sliderze
Skrypt się odpala
Biore następny
Jestem w sliderze
Skrypt się odpala
Biore następny
Jestem w sliderze
Skrypt się odpala
Biore następny
Jestem w sliderze
Skrypt się odpala
Jestem w sliderze
Skrypt się odpala
Link do wypowiedziLink

konto usunięte

Temat: jQuery Slider

Paweł Cyrklaf:

To znaczy ze next, nie lapie faktycznie NEXT tak jak bysmy sie spodziewali ;)
prosta sprawa, dodaj if'a zeby sprawdzal czy istnieje next

if next - get next
else - jump to first (tutaj mozesz uzyc selectora .toSlide:first)

juz nie chce Ci pisac kodu dokladnie, pomecz sie ciutke ;)
Link do wypowiedziLink

konto usunięte

Temat: jQuery Slider

Dałem radę: http://www.e-invision.pl/jquery/ :) efekt taki jaki chciałem.

Masz dobre podejście, bo nie podajesz od razu kodu, to się przynajmniej człowiek czegoś nauczy :)Paweł Cyrklaf edytował(a) ten post dnia 28.11.10 o godzinie 13:52
Link do wypowiedziLink

konto usunięte

Temat: jQuery Slider

Paweł Cyrklaf:
Ciesze sie, ze moglem pomoc ;)

var nastepny=$(this).next().length;
if(nastepny=='0'){

nie lepiej zastapic:
if ($(this).next().length<1) {
get first
}
else {
get next
}

nie musisz tworzyc specjalnie zmiennej tylko po to by sprawdzic warunek.
Link do wypowiedziLink

konto usunięte

Temat: jQuery Slider

No fakt, mogłem też i bez tworzenie zmiennej, to sprawdzić, w każdym razie będę pamiętał na przyszłość :)
Link do wypowiedziLink
Krystian O.

Krystian O. IT Project Manager w
Blue Services Sp. z
o.o.

Temat: jQuery Slider

easySlider 1.7

http://cssglobe.com/post/5780/easy-slider-17-numeric-n...

DEMO:
http://cssglobe.com/lab/easyslider1.7/01.html
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Linki do fajnych wtyczek, k...




Wyślij zaproszenie do
Anuluj