Форум: Как сделать подгрузку изображений только при развертывании панели?

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

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

Страница 1 из 2: 12

Как сделать подгрузку изображений только при развертывании панели?
Zaxap	#1 Опубликовано 02.10.2013 08:49
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32	Если мне и дальше адаптировать тему под мобильники, но при этом не перегружать их лишний раз изображениями из панели, нужно сделать как-то так: подгружать изображения при открытии определенной панели, т.е. по желанию пользователя... Но как их подгружать - хз)) У PF в FastNews есть похожее...типа такого вот надо Искал - не то что-то...(( Изменил(а) Zaxap, 04.10.2013 15:32 Зло не дремлет, а я добрый...


Polarfox	#2 Опубликовано 02.10.2013 18:47
Администратор Разработчики Группа поддержки Сообщений: 3384 Зарегистрирован: 20.08.2010 14:03	Что за изображения в панели? Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме


Zaxap	#3 Опубликовано 03.10.2013 03:47
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32	Изображения...большие, относительно, для телефона... У меня там своя панель типа "Последние новости/статьи"...все должно будет листаться (слайдер типа)... Главное, чтобы они не програжались при загрузке страницы, чтобы все происходило при нажатии на ссылку/развертывание панели Зло не дремлет, а я добрый...


GRIDark	#4 Опубликовано 03.10.2013 07:19
Пользователь Сообщений: 111 Зарегистрирован: 14.09.2010 12:55	А что тебе мешает сделать подгрузку на JS. На каком-нибудь фреймворке. И, скажем, активировать при раскрытия панели/нажатия на ссылку. Мой мозг пакует вещи.
	Web

Zaxap	#5 Опубликовано 03.10.2013 07:42
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32	GRIDark, я же говорю, что вообще не в курсе, как... JS вообще не знаю...хотел, чтоб хоть не разжевали бы, а кинули пример... Зло не дремлет, а я добрый...


GRIDark	#6 Опубликовано 03.10.2013 07:44
Пользователь Сообщений: 111 Зарегистрирован: 14.09.2010 12:55	Вечерком кину пример тогда. Мой мозг пакует вещи.
	x1
	Web

GRIDark	#7 Опубликовано 03.10.2013 11:57
Пользователь Сообщений: 111 Зарегистрирован: 14.09.2010 12:55	GeSHi: HTML <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <!-- Подключаем библиотеку jQuery --> </head> <body> <a href="#" id="image">Открыть изображение</a> <!-- Это ссылка, которая открывает изображение --> <div id="add_image"></div> <!-- Это контейнер, куда будет ложиться изобаржение --> <script language="javascript"> $("a").click(function() { // Обработчик осбытия. Собственно можно прикрутить к любому элементу, даже к слайдеру. $("#add_image").html("<img src=\"http://rusfusion.ru/images/rusfusion-logo.png\">"); // А этот код добавлят само изображение в контейнер выше. Внутри html() находиться обычный тег img, поэтому можно добавит на него описание и т.д. }); </script> </body> </html> Добавлено за 0.003 секунд, используя GeSHi 1.0.8.10 Мой мозг пакует вещи.
	x1 x1
	Web

Zaxap	#8 Опубликовано 03.10.2013 12:32
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32	Спасибки!!! Будем разбираться;) Как я понял, GeSHi: PHP `$("#add_image").html("<img src=\"http://rusfusion.ru/images/rusfusion-logo.png\">"); Добавлено за 0.021 секунд, используя GeSHi 1.0.8.10` подргужает картинку...а как запихнуть туда вот это вот (переменная, вроде): nl2br($data['news_news']) , чтобы отображалось? (если грузится, грузится 1 картинка, а не 4, как задумано...)) и еще: как запихнуть туда целый <div>бла-бла-бла</div> (с переменными и прочими особенностями php) (который будет появляться, конечно же, в указанном <div id='add_image'></div>)? Изменил(а) Zaxap, 04.10.2013 03:33 Зло не дремлет, а я добрый...


GRIDark	#9 Опубликовано 04.10.2013 04:16
Пользователь Сообщений: 111 Зарегистрирован: 14.09.2010 12:55	Оу. Ну это надо глубже подходить к проблеме. Ну, в принципе, есть у меня в голове такое решение: Нужно будет переписать страницу вывода новостей. То есть, сделать так, что бы nl2br($data['news_news']) обрабатывался некой функцией перед выводом. Скажем, с помощью регулярных выражений и функций PHP заменять <img src******> На мой код, но с подстановкой. В принципе, если дашь свою страницу (как я понял - кастомизированную), то я пошаманю и сделаю тебе пример. Мой мозг пакует вещи.
	Web

Zaxap	#10 Опубликовано 04.10.2013 05:14
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32	Страницы, как таковой, можно так сказать, нет... Есть измененный header2.php, другая theme.php и панель "latest_news", собранные в некий new-theme2.php. Просто я хочу сделать появление панели latest_news неким слайдом, но при этом, чтобы она не прогружалась для тех, кому она не нужна вообще (путем js, в данном случае, и хочу). Можно сделать ее загрузку при перелистывании на нее (в "слайдере", что будет потом). Метод вывода новостей как-то по-моему нет смысла переписывать... Зло не дремлет, а я добрый...


Polarfox	#11 Опубликовано 04.10.2013 12:16
Администратор Разработчики Группа поддержки Сообщений: 3384 Зарегистрирован: 20.08.2010 14:03	А мне нравится идея картинки с пустым 1пикс гифом, в которую фоном подгружаем что угодно. Такие картинки по дефу пусты, а со стилями работать лучше тк визуализация чистая. Для поисковиков такое не очень. Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме


Zaxap	#12 Опубликовано 04.10.2013 12:21
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32	PolarFox, ну это просто панель, так сказать, для пользователей...на поисковики она и не рассчитана. А что за идея с 1px gif?? Зло не дремлет, а я добрый...


Polarfox	#13 Опубликовано 04.10.2013 14:09
Администратор Разработчики Группа поддержки Сообщений: 3384 Зарегистрирован: 20.08.2010 14:03	я же пояснил, картинка 1пикс, прозрачный гиф, за ней рисуем собственно фоном CSS картинку при необходимости, скриптом - как вариант подключаем CSS после загрузки страницы. Наверное сложно, но эффект прикольный, наверное будет. Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме


Zaxap	#14 Опубликовано 04.10.2013 14:13
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32	Ну в css запихать переменные php...)) Мучить много по-моему, а вариант нравится, но не для сего, к сожалению... Зло не дремлет, а я добрый...


Chief	#15 Опубликовано 04.10.2013 14:40
Персонал сайта Сообщений: 206 Зарегистрирован: 22.06.2011 15:00	<img src='".THEME."images/blank.gif' width='X' height='Y' style='background: url(Z);' /> У богатых людей — большая библиотека. У бедных людей — большой телевизор.
	x1


Zaxap	#16 Опубликовано 04.10.2013 14:55
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32	знать бы тогда, как вытащить src="url" из <img /> Зло не дремлет, а я добрый...


Chief	#17 Опубликовано 04.10.2013 15:02
Персонал сайта Сообщений: 206 Зарегистрирован: 22.06.2011 15:00	tinyurl.com/bwecw7 Название темы слегка ввело в заблуждение: Как сделать подругзку изображений только при развертывании панели? Изменил(а) Chief, 04.10.2013 15:22 У богатых людей — большая библиотека. У бедных людей — большой телевизор.
	x1 x1


Zaxap	#18 Опубликовано 07.10.2013 10:20
Элита Сообщений: 1090 Зарегистрирован: 05.09.2012 10:32	Я морально уничтожен...КАК ЖЕ Я ЗАДОЛБАЛСЯ... Свои прошлые сообщения я стер, ибо никому до них дела не было и последние 2 дня потратил на поиск сего бреда. Вот какой я нарыл код (ну я его переделал немного): GeSHi: HTML `<head> <script> function my_f(Id) { var o=document.getElementById(Id) o.style.display = (o.style.display == 'none')? 'block': 'none' } </script> </head> <body> <a class="spoiler1" href="#" onclick="my_f('textid')">(+)</a> <div id="textid" style="display: none;"> <p><img src="" /></p> </div> </body> Добавлено за 0.002 секунд, используя GeSHi 1.0.8.10` Мне надо сделать как-нибудь так, чтобы изображения прогружались только при нажатии на (+) (при открытии панели)...прочитал где-то, что при display:none; изображения не грузятся...но вот чего-то они грузятся =_= А, может, надо прямо на них задавать...так я задал...только при нажатии на тот же (+) они не прогружались -_- --- Надеюсь, хоть сейчас мне кто-нибудь, да поможет, ибо больше я не могу :( Зло не дремлет, а я добрый...


Rush	#19 Опубликовано 07.10.2013 10:51
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	хм, я вот не знал что display:none картинки сразу не подгружаются) так в чем проблема, лови событие клика на + $('.plus'.on('click',function(e){ e.preventDefault(); $('.container_paneli'.find('img'.css('display','block'; }); самое банальное решение (классы условные) AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	Web

Rush	#20 Опубликовано 07.10.2013 10:51
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	парсер съел закрывающие скобки( AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	Web

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

Страница 1 из 2: 12

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

Темы	Форум	Ответов / Просмотров	Последние сообщения
Галочка согласия при отправке формы →	HTML и CSS	1 / 669	04.02.2024 11:36
в PHP 7.4 нельзя вставлять пустое значение в `id` как раньше →	Пожелания и предложения	4 / 1619	19.12.2023 03:32
нужны ли на сайте "Закладки" и "История посещений", как в браузере? →	Пожелания и предложения	4 / 1073	11.08.2023 15:56
Первый пост темы в панели на главной →	Моды	5 / 2320	22.05.2022 12:06
Включение панели в фотоальбоме →	Пожелания и предложения	1 / 1399	19.05.2022 16:48
Вывести описание альбома в панели →	Моды	2 / 1274	20.03.2022 08:28
Сделать FUNCcodes аналог BBcodes и шорткодов Wordpress →	Плагины	0 / 1326	22.01.2022 01:10
Как сделать микроразметку на сайте? →	PHP	1 / 3437	22.07.2021 06:39
Ошибка при создании панели →	Ошибки, баги	6 / 1842	29.01.2021 21:58
Почему при нажатии на кнопку срабатывает проверка полей? →	HTML и CSS	1 / 4090	05.11.2020 10:33