JScript Płynne przejcie zdjęcia.

pytanie zadane 25 lipca 2015 w JavaScript przez asfreestyle Obywatel (1,310 p.)

Mam skrypt w jscript zmieniający zdjęcia co kilka sekund, chciałbym go zmienić by przejęcie zdjęc bylo płynne, szukam w goglach, czytam fora ale nikt nie powie konkretnie jak to napisać, a moj poziom jscriptu jest na bardzo niskim poziomie.

Pozdrawiam Artur! ;)

var speed = 1000
var Pic = new Array() 

Pic[0] = 'img/Fota_1.jpg'
Pic[1] = 'img/Fota_2.jpg'
Pic[2] = 'img/Fota_3.jpg'

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

function runSlideShow(){
   document.images.SlideShow.src = preLoad[j].src
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', speed)
}

3 odpowiedzi

odpowiedź 25 lipca 2015 przez asfreestyle Obywatel (1,310 p.)

Znalazlem cos takiego umie ktos to polaczyc? http://jquery.malsup.com/cycle/

komentarz 26 lipca 2015 przez Comandeer Guru (601,110 p.)

Tu nie ma co łączyć. Wywal swój kod i wykorzystaj ten plugin

odpowiedź 25 lipca 2015 przez Magicone Nałogowiec (45,100 p.)

JS to nie python, sredniki sie stawia. Naloz 3 fotki na siebie, daj im w css transition opacity i zmieniaj im opacity :)

komentarz 25 lipca 2015 przez asfreestyle Obywatel (1,310 p.)

jak nalozyc 3 fotki na siebie? i konkretniej jak zmieniac opaticy? nie chce zeby sie zmienialy najezdzajac myszka, chcialem zeby zmienialy sie samoistnie.

odpowiedź 26 lipca 2015 przez niezalogowany
edycja 26 lipca 2015

http://jsfiddle.net/xnehel/njszcjs1/1/

W CSS koniecznie dodaj

position: absolute;

W HTML wstaw odnośnik do swoich zdjęć w miejscu linków z generatora zdjęć lorempixel.

W JS -> 8, 10 oraz 14 linijka odpowiadają za czas wyświetlenia. Czas jest w milisekundach, 1000 = 1s.

Możesz dodać tyle zdjęć ile chcesz w w HTML w tym divie

<div class="slide">
   <img src="miejsce-twojego-obrazka-w-folderze" />
</div>

Pamiętaj, żeby dodać w <head></head> <script src="https://code.jquery.com/jquery-2.0.0.min.js"></script>

Podobne pytania

0 głosów

1 odpowiedź 174 wizyt

Płynna podmiana arkuszy stylów.

pytanie zadane 27 kwietnia 2020 w JavaScript przez chakip Nowicjusz (210 p.)

0 głosów

2 odpowiedzi 606 wizyt

CSS animacje przejście pomiędzy zdjęciami

pytanie zadane 2 marca 2018 w HTML i CSS przez Qubenz Użytkownik (570 p.)

0 głosów

1 odpowiedź 419 wizyt

Power Point - niestandardowe zdjęcia

pytanie zadane 9 czerwca 2018 w Rozwój zawodowy, nauka, praca przez protag Nowicjusz (120 p.)

JScript Płynne przejcie zdjęcia.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

3 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci