jquery вопрос

Даже на тестовом форуме нельзя без флейма и флуда? Тогда вам сюда ;)
Аватара пользователя
Alecto
Сообщения: 571
Зарегистрирован: 05 авг 2014, 21:41
Has thanked: 31 time
Been thanked: 29 times

jquery вопрос

Сообщение Alecto »

не знаю, правильно построил конструкцию, или нет - прошу дать заключение экспертам.

Код: Выделить всё

	function imageResize() {
		$('.highslide img').each(function () {
			$(this).one('load', function () {
 				if ($(this).height() > 500) {
					$(this).removeClass('highslide-horizontal').addClass('highslide-vertical');
				}
			});
		});
	}
вот эта вставка вроде как исправила ошибки с загрузкой изображений, брал из примеров, вроде как должна отслеживаться загрузка изображений

Код: Выделить всё

			$(this).one('load', function () {
файрбаг не ругается, все требуемые изображения обрабатывается корректно и сразу при загрузке.
вроде работает, ошибок пока не заметил.

Отправлено спустя 2 минуты 39 секунд:
min-width : 650px
min-height : 500px

выставил, а что дальше? изображение 600х300 вписывается и отобразится в таком разрешении, мне же надо, чтобы оно увеличилось, сохранив пропорции, т.е. стало 650х325.
для этого мне надо указать
width : 99% или 650px, чтобы изображение растягивалось.
как только я это делаю, с изображением 600х300 будет все в порядке и оно таки станет 650х325, а вот изображение 300х600 уже потеряет пропорции и станет 650х500, вместо 250х500
я молчу уже о том, чтобы корректно отрабатывать случае с изображениями типа 400х400, где нужно вытягивать высоту, сохраняя пропорции.

Отправлено спустя 23 минуты 20 секунд:
еще немного переделал, теперь учитываются кэшированные изображения

Код: Выделить всё

	function imageResize() {
		if ($(this).height() > 500) {
			$(this).removeClass('highslide-horizontal').addClass('highslide-vertical');
		}
	}

	$('.highslide-horizontal').each(function() {
		if( this.complete ) {
			imageResize.call( this );
		} else {
			$(this).one('load', imageResize);
		}
	});
Аватара пользователя
Татьяна5
Сообщения: 570
Зарегистрирован: 02 фев 2014, 15:05
Has thanked: 33 times
Been thanked: 80 times

jquery вопрос

Сообщение Татьяна5 »

Alecto писал(а):QR_BBPOST 640px по ширине - уже надо вытягивать
10px по ширине (если смайлик добавят, к примеру) - тоже надо вытягивать до 650?
Аватара пользователя
Alecto
Сообщения: 571
Зарегистрирован: 05 авг 2014, 21:41
Has thanked: 31 time
Been thanked: 29 times

jquery вопрос

Сообщение Alecto »

скрипт обрабатывает только изображения, вставленные через ббкод IMW, а это фотографии самых различных разрешений.
я обычно использую 800 точек +/- от специфики темы.
но, пользователи лепят все, что им заблагорассудится, здесь я могу только рекомендовать, но не заставлять.
откуда взялось 640? чаще всего такую ширину ресайзит и отдает радикал или фастпик, но есть и просто низкокачественные изображения, которые необходимо отобразить.

что касается смайлика - вы утрируете, тем не менее...
если будет вставляться смайлик, например, с внешних ресурсов - он будет добавлен через IMG (если нет - исправят модераторы или я).
но если через IMW будет вставлено совсем убогое изображение, которое отображается среди прочих изображений, то ДА, его ширина не должна выбиваться из общей картинки и, ДА - 10-пиксельное изображение в таком случае должно быть вписано в рамки 650х500.
по факту - все зависит от материала и требований к оформлению.
тег IMW может принимать в качестве параметра ширину изображения, и я могу принудительно выставить то, что захочу, могу набрать строку мелких изображений, или выставить им всем одинаковую высоту... но разговор не о том.

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

Отправлено спустя 1 час 31 минуту 45 секунд:
не останавливаясь на достигнутом, идем дальше...
автоматический коллаж изображений :)
2.jpg
1.jpg
3.jpg
ostridm
Сообщения: 29
Зарегистрирован: 07 фев 2014, 22:04
Has thanked: 9 times
Been thanked: 3 times

jquery вопрос

Сообщение ostridm »

Аватара пользователя
Alecto
Сообщения: 571
Зарегистрирован: 05 авг 2014, 21:41
Has thanked: 31 time
Been thanked: 29 times

jquery вопрос

Сообщение Alecto »

нуда, типа того.
если прикрутите галерею по ссылке к форуму - поделитесь решением.
ostridm
Сообщения: 29
Зарегистрирован: 07 фев 2014, 22:04
Has thanked: 9 times
Been thanked: 3 times

jquery вопрос

Сообщение ostridm »

еще
http://periplox.github.io/jquery.imagefit/

погугли jquery responsive gallery
Аватара пользователя
Alecto
Сообщения: 571
Зарегистрирован: 05 авг 2014, 21:41
Has thanked: 31 time
Been thanked: 29 times

jquery вопрос

Сообщение Alecto »

зачем? я уже нашел, прикрутил, опробовал на стандартном IMG, потом адаптировал код к собственному ббкоду IMW + highslide плагину, чтобы можно было просматривать в режиме галереи.
скрины того что получилось - несколькими постами выше.

Отправлено спустя 5 минут 23 секунды:
Татьяна, вы когда-то подсказывали, как включить скрипт только для главной страницы.
Можете подсказать такое же условие, но только для viewtopic ?
Алг
Сообщения: 645
Зарегистрирован: 18 фев 2014, 17:28
Has thanked: 36 times
Been thanked: 97 times
Контактная информация:

jquery вопрос

Сообщение Алг »

я за неё(ц) :)
<!-- IF S_TOPIC_ID -->
<!-- INCLUDEJS подключаешь свой скрипт -->
<!-- ENDIF -->
Аватара пользователя
Татьяна5
Сообщения: 570
Зарегистрирован: 02 фев 2014, 15:05
Has thanked: 33 times
Been thanked: 80 times

jquery вопрос

Сообщение Татьяна5 »

Или <!-- IF S_VIEWTOPIC -->
(исключает случай, когда переменная t попадётся на других страницах)
Аватара пользователя
Alecto
Сообщения: 571
Зарегистрирован: 05 авг 2014, 21:41
Has thanked: 31 time
Been thanked: 29 times

jquery вопрос

Сообщение Alecto »

подскажите пожалуйста, как выглядит условие, например, в overall_header_page_body_before.html, чтобы была проверка - зарегистрированный пользователь/гость ?
Ответить