Забыли пароль?
Запросите новый здесь.

Автор темы: spocher102
ID темы: 2695
Информация:
Тема содержит 3 сообщения, была просмотрена 5822 раз.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » Javascript, ajax, jquery
 Распечатать тему
Как переделать скрипт слайдера для динамически создаваемых картинок
spocher102
есть вот такой простенький слайдер, отлично работает для статично созданных картинок
Скачать исходники  Код
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/css/index.css">
<script src="/js/jquery-1.12.0.min.js"></script>
<script>
$(document).ready(function () {
var small = $("#smallfoto li img"),
    big = $("#bigfoto img");
small.each(function (i, el) {
var next = i + 1 == small.size() ? 0 : i + 1;
$(el).click(function (event) {
            event.preventDefault();
            if(big.data("next") == next) return;
            big.fadeTo(00, 0.1, function () {
               big.attr({
                  "src": $(el)
                     .parent()
                     .attr("href")
               })
                  .data({
                     "next": next
                  });
            });
            big.fadeTo(800, 1);
         }
   )
});
big.data({
   "next": 1
})
   .click(function (event) {
      small.eq($(this)
         .data("next"))
         .click()
   })
});
</script>
</head>
<body>
<div id="bigfoto"><img src=""></div>
<ul id="smallfoto">
        <li><a href=""><img src=""></a></li>
        <li><a href=""><img src=""></a></li>
        <li><a href=""><img src=""></a></li>
        <li><a href=""><img src=""></a></li>
        <li><a href=""><img src=""></a></li>
        <li><a href=""><img src=""></a></li>
</ul>
</body>
</html>
 



Но вот стал он нужен для динамически создаваемых картинок(т.е. все что сейчас заключено между тегами body, подставляется динамически), и он их не листает. Подскажите что нужно подправить, понимаю что нужно через $('body').on, да только куда его прикреплять?

 
Rush
я ничего не понял, что значит динамически создаваемая картинка?


 
Web
spocher102
Rush написал:

я ничего не понял, что значит динамически создаваемая картинка?


То есть при загрузке страницы там пустое место, и после определенных манипуляций на странице там появляются нужные картинки, посредством php и js.

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

 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам).  →  Реклама на портале 0 / 538 28.03.2024 07:49
в PHP 7.4 нельзя вставлять пустое значение в `id` как раньше  →  Пожелания и предложения 4 / 1083 19.12.2023 03:32
Proxy5 - Отличные IPv4 прокси для любых задач (Бесплатный тест)  →  Платные услуги 0 / 1488 31.10.2023 09:47
нужны ли на сайте "Закладки" и "История посещений", как в браузере?  →  Пожелания и предложения 4 / 844 11.08.2023 15:56
Где взять список районов по областям для разных стран?  →  Пожелания и предложения 0 / 1538 10.08.2023 12:44
От какой CMS лучше переделывать плагины сервисов оплаты, доставки, 1С для PHP-Fusion-7?  →  Пожелания и предложения 2 / 1595 08.08.2023 08:59
Посоветуйте плагины для назначения прав админов и групп пользователей  →  Пожелания и предложения 0 / 3157 06.06.2022 11:52
Бот для поиска чужих файлов на Dropmefiles.com  →  Реклама на портале 1 / 943 11.03.2022 05:28
Zinsta - Программа для раскрутки и продвижения instagram  →  Флуд 12 / 6955 15.01.2022 10:47
Версия для слабовидящих Button visually impaired  →  Javascript, ajax, jquery 1 / 1851 04.01.2022 10:44
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)