Nano Hash - криптовалюты, майнинг, программирование

создание моей собственной скользящей галереи изображений с кнопками предыдущей и следующей страницы

Я делаю скользящую галерею изображений, где есть 3 страницы по 3 изображения на странице. Все изображения помещаются в контейнер <ul>. Когда вы нажимаете кнопку «Далее», появляются следующие 3 изображения, а когда вы нажимаете кнопку «предыдущий», появляются предыдущие 3 изображения. Я попытался сделать так, чтобы при переходе к последним трем изображениям нажатие кнопки «далее» ничего не делало, а при просмотре первых трех изображений нажатие кнопки «предыдущая» не выполнялось. что-нибудь.

Проблема в том, что изображения не скользят туда, куда должны. Например, если я нахожусь на первой странице и нажимаю «next», затем нажимаю «prev», а затем, наконец, снова нажимаю «next», контейнер изображений <ul> переместится на последнюю страницу, а не на вторую страницу; если я нажму «далее» в третий раз, контейнер изображений выдвинет все изображения так, что вы увидите только пустое пространство контейнера <ul>.

вот jsfiddle:

jsfiddle


  • Можете ли вы опубликовать код в своем вопросе? Пастебины приходят и уходят, но ТАК должно быть навсегда :) 04.12.2011

Ответы:


1

Вам нужно вычислить move_distance вне функций prev и next, потому что оно должно быть одинаковым для обеих функций. Также вы должны добавить элемент управления к функции next, как вы это делали с функцией prev, поэтому функция должна останавливаться, если не осталось страниц.

Я поменял первую и девятую картинки цифрами, чтобы было легче понять, что происходит. Вы можете увидеть результат здесь: http://jsfiddle.net/keune/DWrnb/30/

04.12.2011
Новые материалы

Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..