|
Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
|
HELP
|
Liczba postów: 6
Liczba wątków: 2
Dołączył: 14-10-2010
Reputacja:
0
Jak zrobic na stronce www aby zdjecia które są tłem były ruchome, tzn. mam 3 zdjęcia i najpierw pojawia się jedno po 5 sekundach - znika a wchodzi 2 czeka 5 s, potem 3 a potem od początku 1,2,3.
Liczba postów: 282
Liczba wątków: 12
Dołączył: 06-03-2010
Reputacja:
7
Witam,
Możesz to zrobić za pomocą jQuerry, albo w gifie jako animacje ale nie wiem czy to zadziała.
PHP i MySQL Tworzenie stron WWW Vademecum profesjonalisty Wydanie 4
- sprzedam po rozsądnej cenie, stan jak nowa.
Carpe Di Em
Liczba postów: 6
Liczba wątków: 2
Dołączył: 14-10-2010
Reputacja:
0
własnie nigdzie nie mogę znaleźć jak manipulować zdjęciami aby pojawiało się jedno potem drugie potem znowu to pierwsz itp.
W książkach też niewiele znalezłem na ten temat
Pomóżcie ...
Liczba postów: 682
Liczba wątków: 9
Dołączył: 03-03-2009
Reputacja:
18
Poszukaj sobie odpowiadającego Ci "jQuery slider"
Liczba postów: 16
Liczba wątków: 0
Dołączył: 28-09-2010
Reputacja:
0
14-10-2010, 23:49
(Ten post był ostatnio modyfikowany: 14-10-2010, 23:50 przez pawelSafiStudio.)
Witam,
wg mnie jeśli projekt nie wymaga zbyt dużej ilości animacji, to nie ma sensu przeciążać kodu ładując jQuery. Mały skrypcik w javascript + CSS wystarczy.
Jeśli ma być np 5 zdjęć. Możesz ustawić każde zdjęcie jako klasę dla div (div class="klasa_zdjecia"), której przydzielisz zdjęcie jako background. W javascript piszesz funkcję, która powtarzała by swoje działanie się co kilkanaście sekund (setInterval). Funkcja zdejmowałaby klasę z div i przypisywała nową klasę z innym backgroundem.
Mam nadzieje, że mnie rozumiesz 
Pozdrawiam.
"Twoja strategia jest do bani (głównie dlatego, że nie poświęcasz jej wystarczająco dużo czasu)" - Mitch Joel
Liczba postów: 6
Liczba wątków: 2
Dołączył: 14-10-2010
Reputacja:
0
(14-10-2010, 23:49)pawelSafiStudio napisał(a): Witam,
wg mnie jeśli projekt nie wymaga zbyt dużej ilości animacji, to nie ma sensu przeciążać kodu ładując jQuery. Mały skrypcik w javascript + CSS wystarczy.
Jeśli ma być np 5 zdjęć. Możesz ustawić każde zdjęcie jako klasę dla div (div class="klasa_zdjecia"), której przydzielisz zdjęcie jako background. W javascript piszesz funkcję, która powtarzała by swoje działanie się co kilkanaście sekund (setInterval). Funkcja zdejmowałaby klasę z div i przypisywała nową klasę z innym backgroundem.
Mam nadzieje, że mnie rozumiesz
Pozdrawiam.
a dałbyś radę dla przykładu kawałek kodu Javy wstawić jak mniej więcej to by wyglądało ??
Liczba postów: 16
Liczba wątków: 0
Dołączył: 28-09-2010
Reputacja:
0
Witaj,
poniżej przykładowy kod:
Kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.class1{
background: #000000;
}
.class2{
background: #999;
}
.class3{
background: #666;
}
.class4{
background: #333;
}
#div_box{
width: 600px;
height: 400px;
float: left;
}
</style>
<script type="text/javascript">
var class_nr = 1;
function classChange(){
class_nr +=1;
if (class_nr>4) class_nr=1;
document.getElementById('div_box').className = 'class'+class_nr;
}
function classChanger(){
setInterval('classChange();',1000);
}
</script>
</head>
<body onload="classChanger()">
<div id="div_box" class="class1">
CONTENT
</div>
</body>
</html>
Tylko zamiast background: #xxxxx musisz dać url(......)
Mam nadzieję, że pomogłem.
Pozdrawiam.
"Twoja strategia jest do bani (głównie dlatego, że nie poświęcasz jej wystarczająco dużo czasu)" - Mitch Joel
Liczba postów: 6
Liczba wątków: 2
Dołączył: 14-10-2010
Reputacja:
0
(15-10-2010, 13:45)pawelSafiStudio napisał(a): Witaj,
poniżej przykładowy kod:
Kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.class1{
background: #000000;
}
.class2{
background: #999;
}
.class3{
background: #666;
}
.class4{
background: #333;
}
#div_box{
width: 600px;
height: 400px;
float: left;
}
</style>
<script type="text/javascript">
var class_nr = 1;
function classChange(){
class_nr +=1;
if (class_nr>4) class_nr=1;
document.getElementById('div_box').className = 'class'+class_nr;
}
function classChanger(){
setInterval('classChange();',1000);
}
</script>
</head>
<body onload="classChanger()">
<div id="div_box" class="class1">
CONTENT
</div>
</body>
</html>
Tylko zamiast background: #xxxxx musisz dać url(......)
Mam nadzieję, że pomogłem.
Pozdrawiam.
dzieki zaraz poaanalizuje ten kod 
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja:
58
Mała uwaga: kot to nie KOTara, a Java to nie JAVAscript.
|
Użytkownicy przeglądający ten wątek: 1 gości
|
|
|
Sponsorzy i przyjaciele
|
|
|
HELP
