VPF::слайдер изображений - Форум программистов

studentigor

Дата 6.2.2011, 12:11 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 397
Регистрация: 14.11.2008

Репутация: нет
Всего: нет

Всем привет!!!
Вобщем делаю я слайдер изображений. Для этого использую библиотеку slider.js.
Названия изображения подгружаются аяксом из РНР.
Когда я делаю вот так(обязательная структура)

Код


<div id="slider">
    <a id="next" style="display:none">Вперед</a>                
    <a id="back" style="display:none">Назад</a>
        <div id="image_slider">
            <ul id="stp">
                <li id="pict0"></li>
                <li id="pict1"></li>
                <li id="pict2"></li>
            </ul>
        </div></div>

и вот таким макаром я вставляю в li фотки

Код


for(i=0;i<col;i++){
    $('#pict'+i).html('<a onclick="loadPict('+i+');return!1"><img src="'+img[i]+'" alt="" /></a>');
}

все работает на ура. Но тут загвоздочка, нужно в html указывать для каждого рисунка <li id="pict2"></li>.
А когда делаю так чтобы эта вся движуха делалась на автомате -

Код


..
$('#slider').html('<a id="next" style="display:none">Вперед</a>'+      
            '<a id="back" style="display:none">Назад</a>'+
            '<div id="image_slider">'+
                '<ul id="stp">');
for(i=0;i<col;i++){
    
    $('#slider').append('<li id="pict'+i+'"><a onclick="loadPict('+i+');return!1"><img src="'+img[i]+'" alt="" /></a></li>');
}
$('#slider').append('</ul></div>');
..

<div id="slider"></div>

то слайдер перестает работать.
Подскажите как решить такую проблему, или мож кто знает нормальный слайдер изображений.
Заранее спасибо

Это сообщение отредактировал(а) studentigor - 6.2.2011, 12:18

kovalenko123

Дата 8.2.2011, 08:35 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 229
Регистрация: 12.5.2008

Репутация: нет
Всего: 1

Установите fairbag смотрите ошибки с его помошью
Выполняйте скрипты поэтапно

Вот вещи без которых я даже не представляю нынешнюю разработку сайтов

firebug http://getfirebug.com/
html validator
web developer http://chrispederick.com/work/web-developer/
pixel perfect http://www.pixelperfectplugin.com

Тока сначала надо мозиллу установить
Успехов!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »