Создание неупорядоченного списка в соответствии с моим массивом - как?

Question

Создание неупорядоченного списка в соответствии с моим массивом - как?

0

Это галерея, которую я создал (с некоторой помощью) для моего сайта. Я хотел бы включить неупорядоченный список (в ниспадающем стиле) между кнопками Next и Back, однако я не уверен, как добавить такой код в jQuery. Любая помощь была бы весьма признательна; благодарю!

<a href="#" id="back"> Back </a> - <a href="#" id="next"> Next </a></h2></center>
    <center> <img src='gallery/img01.jpg' id='gallery'>
<center><h4><a href="#" id="back"> Back </a> - <a href="#" id="next"> Next </a>

<script> 
    var image = [];
    var num = 0;

    function fillImgList()
    {
        for(var i = 1; i <= 34; ++i)
        {
            image.push("gallery\\img" + (i < 10 ? "0" : "") + i + ".jpg");
        }
    }
    fillImgList();
    $(function()
    {
        $("#next").click(function() { galleryNext(); });
        $("#back").click(function() { galleryPrevious(); });
    });
    function galleryNext()
    {
        num++;
        $("#gallery").attr('src', image[num % image.length]);
    }
    function galleryPrevious()
    {
        num--;
        if(num < 0)
        {
            num = image.length-1
        }
        $("#gallery").attr('src', image[num % image.length]);
    }
</script>

user3418216 14 март 2014, в 04:59

Источник

Теги:

jquery

html

list

unordered

1 ответ

Ещё вопросы

csteel · Accepted Answer · 2014-03-14T01-29-00.000Z

Одна вещь, которую вы можете сделать, это использовать функции insertAfter() или after(). Вы можете увидеть в этом примере: http://jsfiddle.net/83CSK/

Вы генерируете список как строку в javascript, затем передаете его как селектор jquery, который будет создавать элемент dom и поместить его после селектора.

Документы по этой функции можно найти здесь: http://api.jquery.com/insertafter/

Спасибо! Вы случайно не знаете, как превратить функцию insertAfter () в выпадающий список? Мне нужно разрешить пользователям выбирать страницу для загрузки.
Я обновил скрипку, чтобы использовать раскрывающийся список вместо использования UL. jsfiddle.net/83CSK/1 Теперь вы увидите выпадающий список между предыдущими и следующими ссылками.
Это потрясающе! Огромное спасибо!