прокрутка картинок на ajax!

Discussion in 'Болталка' started by alexdrn, 31 Dec 2010.

  1. alexdrn

    alexdrn Member

    Joined:
    21 Jul 2008
    Messages:
    41
    Likes Received:
    6
    Reputations:
    0
    http://spaceforaname.com/horoscopes.html
    http://sorgalla.com/projects/jcarousel/examples/static_multiple.html

    товарищи помогите найти похожую прокрутку на ajax'e )


    не удалось найти) хотя и гуглил)))
     
  2. Charle

    Charle Member

    Joined:
    10 Aug 2010
    Messages:
    18
    Likes Received:
    5
    Reputations:
    4
    Бесите уже. CTRL+U
     
  3. barnaki

    barnaki Elder - Старейшина

    Joined:
    2 Nov 2008
    Messages:
    676
    Likes Received:
    135
    Reputations:
    4
    ajax для этого не нужен а пригодится jquery
    можно так.
    1 задаешь при помощи css - position.
    2. на каждый img в этом div вешаешь событие onclick или просто click если jquery. и вешаешь на них функцию что ниже описана
    3. делаешь рамку внутки прозрачную в формате png напрмиер.
    4. пишешь функцию которая делает все что описано ниже
    выбирает css свойство position (left). в jquery что то типа. position = $("#id дива с картинками img").css("left");
    4. вичисляешь left рамки. так же
    5. в цикле с задержкой в определенное количество милисекунд(а может и jquery есть такая фича ) меняешь в зависимости от того правее картинка или левее свойство left. напимер если правее то в jquery
    for (i = начальное left рамки, i < конечный left рамки, i++)
    {
    тут не помню как там в javascript таймер ставится погугли.

    $("#id рамки").css("left","i");
    }
    а если левее то в цикле i --
    я бы так делал. второй сайт не смотрел но если надо как знаки задиака то примерно так походу.
     
    #3 barnaki, 31 Dec 2010
    Last edited: 31 Dec 2010
  4. Ponchik

    Ponchik Хлебо-булочное изделие

    Joined:
    30 Aug 2005
    Messages:
    687
    Likes Received:
    807
    Reputations:
    311
    чёт я не понял суть темы... ТС, тыж сам ссылку дал http://sorgalla.com/projects/jcarousel/
    там и качай и смотри, там наверняка весь код с комментариями