|
Как сделать открытие картинок в аякс окне на форуме ...
|
|
|
2010-07-01Дата: Четверг, 01.07.2010, 00:28 | Сообщение # 1 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Тема про превьюшко, картинки при клике ......... и прочее - в таком духе ... на тему «как» ...
| | |
|
|
2012-03-14Дата: Среда, 14.03.2012, 08:08 | Сообщение # 106 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
SKh, Quote (SKh) А вот в каталоге статей можно сделать открытие картинок в аякс окне?
Можно, поменять в скрипте имена классов.
Вот этот подойдёт под стандартный дизайн каталога статей:
http://likbezz.ru/_fr/0/showImg.js
Из сообщение 34 ...
... Устанавливать в шаблон материал и комментарии к нему, в самый низ шаблона ...
| | |
|
|
2012-03-15Дата: Четверг, 15.03.2012, 23:44 | Сообщение # 107 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Установил вот так:
Code <!-- /Body -->
function showImg(url){
new_uWnd('myWndFullImg','Полное изображение','10','10',{popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1,autosize:1,minh:110,minw:110,min:0,max:0,resize:1},'< img onclick=\"_uWnd.close(\'myWndFullImg\');\"src=\"'+url+'\"alt=\"Полное изображение\"title=\"Полное изображение\"/>');
};
$(function(){
$("div.eMessage a[title^='Нажмите']").click(function(){showImg(this.href);return false;});
});
</body></HTML>
Не работает.
Что-то не так?
Сообщение отредактировал SKh - Пятница, 16.03.2012, 00:13 | | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 00:13 | Сообщение # 108 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
SKh, Quote (SKh) Установил вот так:
Это же скрипт, где теги:
Code <script type="text/javascript">
... здесь код скрипта ...
</script>
...
| | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 00:26 | Сообщение # 109 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Теперь так
Code <!-- /Body -->
<script type="text/javascript">
function showImg(url){
new_uWnd('myWndFullImg','Полное изображение','10','10',{popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1,autosize:1,minh:110,minw:110,min:0,max:0,resize:1},'< img onclick=\"_uWnd.close(\'myWndFullImg\');\"src=\"'+url+'\"alt=\"Полное изображение\"title=\"Полное изображение\"/>');
};
$(function(){
$("div.eMessage a[title^='Нажмите']").click(function(){showImg(this.href);return false;});
});
</script>
</body></HTML>
Все равно не работает.
Вот сноска на пробу
Но...
Здесь написано:
Quote удалите этот скрипт из шаблона «вид материала» - его там быть не должно - он должен быть во всех кроме этого.
Сообщение отредактировал SKh - Пятница, 16.03.2012, 00:47 | | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 00:57 | Сообщение # 110 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
SKh, Quote (SKh) Все равно не работает.
У тебя класс не «eMessage» а «eText»...
Вот здесь поменяй:
Quote (SKh) $("td.eText a[title^='Нажмите']").click(function(){showImg(this.href);return false;});
...
| | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 01:07 | Сообщение # 111 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Сделал
Code $("td.eText a[title^='Нажмите']").click(function(){showImg(this.href);return false;});
все равно не работает
Вставил во все 4 верхние, от главной модуля до материалов - не сработало.
Оставлял в верхних 3-х, убирал из материалов - не работет.
Сообщение отредактировал SKh - Пятница, 16.03.2012, 01:16 | | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 01:14 | Сообщение # 112 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
SKh, Quote (SKh) все равно не работает
Вот здесь:
пробел должен быть, ... между «new» и «_uWnd» ...
...
| | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 01:21 | Сообщение # 113 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
УРА!!!
ЗАРАБОТАЛО!!!)))
А вот как-то уменьшить слегка превьюшку можно?
Каким образом размер превьюшки назначается?
| | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 01:29 | Сообщение # 114 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
SKh, Quote (SKh) Каким образом размер превьюшки назначается?
Никаким - берутся оригинальные размеры картинки.
Quote (SKh) А вот как-то уменьшить слегка превьюшку можно?
Стилями:
Code div.myWinCont img{max-width:100px;max-height:100px;}
...
| | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 01:45 | Сообщение # 115 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Так
Code div.myWinCont img{max-width:100px;max-height:100px;}
это размер превьюшки или самого рисунка раскрываемого в полный размер?
Кстати, а я такого и не вижу в скрипте.
даже не вижу
))) только сейчас дошло)) стили - значит в css нужно этот код нудно устанавливать?
Сообщение отредактировал SKh - Пятница, 16.03.2012, 01:52 | | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 02:00 | Сообщение # 116 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
SKh, Quote (SKh) это размер превьюшки или самого рисунка раскрываемого в полный размер?
Это стили для полноразмерной картинки.
...
Quote (SKh) Кстати, а я такого и не вижу в скрипте.
А это не скрипт, это стили. )
Quote (SKh) стили - значит в css нужно этот код нудно устанавливать?
Да, в CSS.
| | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 02:11 | Сообщение # 117 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Так то, что в полном размере - это правильно, мне так и нужно.
Как размер превьюшек устанавливается?
Его можно регулировать или скрипт подгоняет сам под размер экрана?
| | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 02:23 | Сообщение # 118 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
SKh, Quote (SKh) Как размер превьюшек устанавливается?
Каких превьющек? По которым нужно кликнуть?
Если они вставлены кодом $IMG$ - то размер настраивается в настройках модуля.
Если html кодом - то руками.
...
| | |
|
|
2012-03-16Дата: Пятница, 16.03.2012, 02:25 | Сообщение # 119 |
Генерал-майор
Группа: Проверенные
Статус: Offline
|
Понял!
Спасибо!
| | |
|
|
2012-07-24Дата: Вторник, 24.07.2012, 17:47 | Сообщение # 120 |
Сержант
Группа: Проверенные
Статус: Offline
|
Спасибо! все работает отлично..
Добавлено (24.07.2012, 17:47)
---------------------------------------------
Еще добавлю..а можно сделать чтобы не залитые картинки открывались а те что поставлены в тег [img][/img]
и как бы превью..и еще возможно сделать так чтобы залитые файлы $IMAGE1$ пусть будет № 1 был как бы большой..
а остольные файлы 2,3 ,4 и тд..были под ним в ряд по 3..щя нарисую скрин примерный..
Вот примерно так..
| | |
|
