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

Регистрация

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

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

Информация:

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

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

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:

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

Похожие темы

Темы	Форум	Ответов / Просмотров	Последние сообщения
Proxy5 - Отличные IPv4 прокси для любых задач (Бесплатный тест) →	Платные услуги	0 / 816	15.03.2023 05:17
Посоветуйте плагины для назначения прав админов и групп пользователей →	Пожелания и предложения	0 / 2659	06.06.2022 11:52
Бот для поиска чужих файлов на Dropmefiles.com →	Реклама на портале	1 / 643	11.03.2022 05:28
Zinsta - Программа для раскрутки и продвижения instagram →	Флуд	12 / 6095	15.01.2022 10:47
Версия для слабовидящих Button visually impaired →	Javascript, ajax, jquery	1 / 1292	04.01.2022 10:44
Как сделать микроразметку на сайте? →	PHP	1 / 2752	22.07.2021 06:39
ЧПУ Дополнительных страниц для PHP-Fusion 8 →	Разное	8 / 4670	26.10.2020 18:42
Для каждой доп страницы свой текст в шапке →	Народное творчество	21 / 15693	14.10.2020 09:55
Сервис для сбора позиций →	СЕО	3 / 1690	09.10.2020 11:16
Как вебмастеру сформулировали УТП для создания сайтов на PHP-Fusion? →	Пожелания и предложения	1 / 6527	25.07.2020 03:46

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

Alex (1,265)

Zaxap (1,090)

Vova (877)

Pisatel (678)

util (666)

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