Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > слайдер изображений

Автор: studentigor 6.2.2011, 12:11

Всем привет!!!
Вобщем делаю я слайдер изображений. Для этого использую библиотеку 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>

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

Автор: kovalenko123 8.2.2011, 08:35

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

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

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

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