+- 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ł: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Cykliczny background (/thread-cykliczny-background)
Cykliczny background - lomek - 04-06-2012
Witam, mam diva który ma jakiś background, jak za pomocą jquery sprawić aby tło zmieniało się on cyklicznie co 3 sekundy, na tło wykorzystane będą 3 obrazki.
RE: Cykliczny background - camelrafal - 04-06-2012
setTimeout?
RE: Cykliczny background - lomek - 04-06-2012
no ok
Kod PHP:
$("#div").addClass(newbg);
setTimeout(3000);
//lub jakoś tak
$("#div").each(function(index) {
$(this).addClass("bg" + index);
});
tylko jak to robić w pętli tzn 3 obrazek (klasa z backgroundem) się wczyta i ma iść od nowa
RE: Cykliczny background - Kartofelek - 04-06-2012
Kod:
var index = 1;
function poka2() {
$('#div').css('background-image', 'url(bg' + index + '.jpg)');
index++;
if (index >= .....) index = 1;
setTimeout('poka2', 3000);
}
$(function() {
setTimeout('poka2', 3000);
});RE: Cykliczny background - lomek - 06-06-2012
(04-06-2012, 03:18)Kartofelek napisał(a):Kod:var index = 1;
function poka2() {
$('#div').css('background-image', 'url(bg' + index + '.jpg)');
index++;
if (index >= .....) index = 1;
setTimeout('poka2', 3000);
}
$(function() {
setTimeout('poka2', 3000);
});
Kopiuję to Twoje rozwiązanie ale niestety nic się nie zmienia precyzyjąc wygląda to u mnie tak
Kod PHP:
<script type="text/javascript">
var index = 1;
jQuery.fn.poka=function() {
$(this).css('background-image', 'url(images/p' + index + '.jpg)');
index++;
if (index >= 10) index = 1;
setTimeout('poka',3000);
}
$(document).ready(function() {
$("#wrap").poka();
});
</script>
i owszem ładuję się pierwszy obrazek p1.jpg ale stoi w miejscu
RE: Cykliczny background - Kartofelek - 06-06-2012
Źle napisane.
Kod:
<script type="text/javascript">
var index = 1;
jQuery.fn.poka=function() {
var $t = $(this);
$t.css('background-image', 'url(images/p' + index + '.jpg)');
index++;
if (index >= 10) index = 1;
setTimeout(
function() {
$t.poka() //w setTimeout this = window
}
,3000
);
}
$(document).ready(function() {
$("#wrap").poka();
});
</script>RE: Cykliczny background - lomek - 07-06-2012
(06-06-2012, 14:33)Kartofelek napisał(a): Źle napisane.
Kod:<script type="text/javascript">
var index = 1;
jQuery.fn.poka=function() {
var $t = $(this);
$t.css('background-image', 'url(images/p' + index + '.jpg)');
index++;
if (index >= 10) index = 1;
setTimeout(
function() {
$t.poka() //w setTimeout this = window
}
,3000
);
}
$(document).ready(function() {
$("#wrap").poka();
});
</script>
Dzięki dział super a mam jeszcze prośbę mógłbyś napisać gdzie wstawić fadein fadeout żeby zmieniały się one płynnie?