Piotr Stanek

Piotr Stanek Programista PHP /
JS developer

Temat: przesuwanie div co kilak sekund

Hej,

mam taki kod. odp on za przesuwanie div w którym jest nowość tzn mam numerki obok nowości i jak kliknę w 1 to nowosc 1 się pokazuję, jak w 2 to pokaże się 2. chce aby co 8 sek przesuwało się automatycznie.



$.fn.widget = function () {

return this.each(function () {
var open = 0;
var items = null;
items = $('.list li', this).hide();

if (items.length != 1)
{
for(var a=0;a<items.length;a++)
{
$('.index', this).append('<li'+((a==open)?' class="selected"':'')+'><a href="#top" onclick="gotoWidget('+(a)+');return false">'+(a+1)+'</a></li>');
}
}
$(items[open]).show();

function gotoPage(x)
{
$(items[open]).fadeOut(
function()
{

links = $('#widget .index li');
open=x;
$('#widget .index .selected').removeClass('selected');
$(links[open]).addClass('selected');
}
);
open=x;
$(items[open]).fadeIn();
$(window).height(0);
$(window).top(0);
}

gotoWidget = function(x, y) { gotoPage(x, y) };
});
};
Piotr Stanek

Piotr Stanek Programista PHP /
JS developer

Temat: przesuwanie div co kilak sekund

ok jak by ktoś potrzebował:

zmieniona metoda gotoPage


function gotoPage(x)
{
$(items[open]).fadeOut(
function()
{
links = $('#widget .index li');
open=x;
$('#widget .index .selected').removeClass('selected');
$(links[open]).addClass('selected');
}
);
open=x;
if (open!=items.length-1)
{
window.setTimeout(function () {gotoPage(open+1); }, 3000);
}else{
window.setTimeout(function () {gotoPage(0); }, 3000);
}

$(items[open]).fadeIn();
$(window).height(0);
$(window).top(0);
}

Następna dyskusja:

Przewijanie div'a




Wyślij zaproszenie do