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