Форум: Как переделать скрипт слайдера для динамически создаваемых картинок - PHP-Fusion Russia

Регистрация

О нет! Где JavaScript?
У Вашего браузера отключен JavaScript или он просто не поддерживает JavaScript. Пожалуйста включите JavaScript на Вашем веб-браузере для нормального просмотра данного веб-сайта,
или обновите свой браузер на поддерживаемый JavaScript; Firefox, Safari, Opera, Chrome или Internet Explorer не ниже, чем версия 6.

Автор темы: spocher102
ID темы: 2695

Информация:

Тема содержит 3 сообщения, была просмотрена 6151 раз.

Просмотр темы

PHP-Fusion Russia » Веб-разработка » Javascript, ajax, jquery

Как переделать скрипт слайдера для динамически создаваемых картинок
spocher102	#1 Опубликовано 21.04.2016 12:11
Начинающий Сообщений: 16 Зарегистрирован: 22.01.2016 15:28	есть вот такой простенький слайдер, отлично работает для статично созданных картинок Код <!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	#2 Опубликовано 21.04.2016 15:13
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	я ничего не понял, что значит динамически создаваемая картинка? AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	Web

spocher102	#3 Опубликовано 21.04.2016 17:17
Начинающий Сообщений: 16 Зарегистрирован: 22.01.2016 15:28	Rush написал: я ничего не понял, что значит динамически создаваемая картинка? То есть при загрузке страницы там пустое место, и после определенных манипуляций на странице там появляются нужные картинки, посредством php и js. Уже разобрался сам, просто скрипт привязал ни к загрузке страницы а к определенному действию, и все заработало

Поделиться этой темой
Социальные закладки:
URL:
BBcode:
HTML:

Перейти на форум:

Похожие темы

Темы	Форум	Ответов / Просмотров	Последние сообщения
Как правильно обмениваться статьями? →	СЕО	5 / 2475	08.11.2024 15:01
ТОП-сервис для продвижения и раскрутки в социальных сетях бесплатно и платно →	Реклама на портале	2 / 4136	01.10.2024 09:07
Local сервер для разработки 2024 →	PHP	17 / 12735	15.08.2024 05:05
CSS пример display:contents для чего он нужен? →	HTML и CSS	0 / 666	14.08.2024 15:29
Как работают ранги на форуме? →	Установка и настройка системы	6 / 2038	08.08.2024 06:14
Идеи для траффика XUP →	Народное творчество	0 / 330	01.08.2024 09:12
Интерфейс для ввода →	Пожелания и предложения	4 / 1492	06.07.2024 08:06
Новые идеи и предложения для PHP-FUSION →	Новости и объявления	0 / 2210	10.06.2024 20:12
YOUTUBE PARSER CHANNEL ДЛЯ PHP FUSION 7 →	Плагины	2 / 6876	31.05.2024 14:26
в PHP 7.4 нельзя вставлять пустое значение в `id` как раньше →	Пожелания и предложения	4 / 12150	19.12.2023 03:32

Топ 5 пользователей форума

Zaxap (1,090)

Vova (877)

Pisatel (678)

util (666)

SchreiBear (625)

Copyright © 2010-2024 RUSFusion.ru
Powered by PHP-Fusion copyright © 2002-2024 by Nick Jones.
Released as free software without warranties under GNU Affero GPL v3.