+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: HELP (/thread-help)
HELP - starter - 14-10-2010
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.
RE: HELP - KeeL - 14-10-2010
Witam,
Możesz to zrobić za pomocą jQuerry, albo w gifie jako animacje ale nie wiem czy to zadziała.
RE: HELP - starter - 14-10-2010
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 ...
RE: HELP - Labsta.com - 14-10-2010
Poszukaj sobie odpowiadającego Ci "jQuery slider"
RE: HELP - pawelSafiStudio - 14-10-2010
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.
RE: HELP - starter - 15-10-2010
(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 ??
RE: HELP - pawelSafiStudio - 15-10-2010
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.
RE: HELP - starter - 16-10-2010
(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
RE: HELP - Pedro84 - 16-10-2010
Mała uwaga: kot to nie KOTara, a Java to nie JAVAscript.