|
Как сделать открытие картинок в аякс окне на форуме ...
|
|
|
2010-07-01Дата: Четверг, 01.07.2010, 00:28 | Сообщение # 1 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Тема про превьюшко, картинки при клике ......... и прочее - в таком духе ... на тему «как» ...
| | |
|
|
2011-10-08Дата: Суббота, 08.10.2011, 22:53 | Сообщение # 31 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
Сделала... посмотрите плз. Что-то я опять не так сделала? 
Сообщение отредактировал Diz6942 - Суббота, 08.10.2011, 23:27 | | |
|
|
2011-10-09Дата: Воскресенье, 09.10.2011, 00:46 | Сообщение # 32 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Diz6942, Quote (Diz6942) Сделала... посмотрите плз. Что-то я опять не так сделала? cry
О, почти всё путём ... ) .... Пробел только удалите в скрипте, вот в этом месте:
Между открывающей угловой скобкой «<» и «img» не должно быть пробелов .... )))
... В остальном же, ... типа работает ) а это не может не радовать )
| | |
|
|
2011-10-09Дата: Воскресенье, 09.10.2011, 14:12 | Сообщение # 33 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
likbezz, пробел убрала. Теперь у меня такой кодCode <?if($PAGE_ID$='main')?>
<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>
<?endif?> 
Странно: Копирую код со своей страницы, там он БЕЗ пробела, а тут выкладывается С пробелом??????  как вообще такое возможно?
Сообщение отредактировал Diz6942 - Воскресенье, 09.10.2011, 14:39 | | |
|
|
2011-10-09Дата: Воскресенье, 09.10.2011, 17:59 | Сообщение # 34 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Diz6942, Quote (Diz6942) Но он все равно не работает...
Потому что он у вас вставлен в шаблон раз .... много (и не везде исправлено ))) ), а должен только один раз. И удалите этот скрипт из шаблона «вид материала» - его там быть не должно - он должен быть во всех кроме этого. или вообще, в глобальном блоке - любом. Один раз.
Скрип без переносов в прикреплении - скопируйте код оттуда, или просто сохраните прикрепление, залейте на сайт и пропишите ссылку к нему типа:
Code <script type="text/javascript" src="http://likbezz.ru/_fr/0/showImg.js"></script>
Проверил лично, на вашей странице - все работает (после указанных выше исправлений).
...
Quote (Diz6942) Странно: Копирую код со своей страницы, там он БЕЗ пробела, а тут выкладывается С пробелом?????? wacko как вообще такое возможно?
Такую “любезность” бесплатно !!! (  ) предоставляет парсер укоза - при добавлении материала, слишком длинные строки “разбавляет” пробелами )))
...
| | |
|
|
2011-10-09Дата: Воскресенье, 09.10.2011, 21:07 | Сообщение # 35 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
likbezz! Спасибо! Получилось! Через ссылку. :)Есть еще несколько вопросов, можно? 
1.Добавляемые фотки бывают разного размера. Как бы их запихнуть в рамку? Одинаковую для всех фоток?
2.Очень сложно вручную добавлять картинки. Тем более у меня их по 10-15 в каждом материале. Нашла вот такой код:Code <?if($IMG_URL1$)?><a href="$ENTRY_URL$"><img src="$IMG_URL1$" width="100" border="1"></a><?else?><a href="$ENTRY_URL$"><img src="http://xxxx.xxx.xxx/xxx.jpg" width="100" border="1" alt="no photo" /></a><?endif?>
п.с. Хочется Вас отблагодарить, но ни WebMoney ни Яндекс денег нет. А смс-оплату не нашла. Или ее нет? 
Сообщение отредактировал Diz6942 - Воскресенье, 09.10.2011, 23:26 | | |
|
|
2011-10-09Дата: Воскресенье, 09.10.2011, 23:43 | Сообщение # 36 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Diz6942, Quote (Diz6942) Получилось!
Оч. хорошо, практически не сомневался )
Quote (Diz6942) 1.Добавляемые фотки бывают разного размера. Как бы их запихнуть в рамку? Одинаковую для всех фоток?
Вариантов несколько:
Прописывать простую стилевую рамку.
Определится с размерами и принудительно подгонять под выбранные, стилями.
Определится с размерами и добавлять подогнанные (для пакетной обрабатки есть куча программ).
...
Quote (Diz6942) Но по нему автоматом вставляется только одна(первая) картинка. А мне нужно чтоб вставлялись все. От 1 до 20, по 5 картинок в ряд.
Да, этот код подставляет только первую картинку, если есть, и выводит заглушку «NoImg» если нет.
Как подставить все? ... Недавно обсуждался подобный вопрос, решение есть и выложено.
Ознакомьтесь с темой: Вывести картинки в нужных местах в зависимости от количества (Вывод изображений из новости. Условные операторы. By DeN)
...
Quote (Diz6942) Хочется Вас отблагодарить, но ни WebMoney ни Яндекс денег нет. А смс-оплату не нашла. Или ее нет?
Можно:
SMS на номер: 844448 следующего вида:
Где «0893592765» - мой лицевого счет, «100» - 100 - сумма.
...
| | |
|
|
2011-10-10Дата: Понедельник, 10.10.2011, 14:58 | Сообщение # 37 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
"номер 844448" не используется. Так пишет мне Киевстар.
| | |
|
|
2011-10-10Дата: Понедельник, 10.10.2011, 21:44 | Сообщение # 38 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Diz6942, Quote (Diz6942) "номер 844448" не используется. Так пишет мне Киевстар.
Да, наверное это работает только для сети Билайн или услугу “приостановили” .... Тогда забейте )
| | |
|
|
2011-10-11Дата: Вторник, 11.10.2011, 00:15 | Сообщение # 39 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
likbezz, Quote Вариантов несколько:
Прописывать простую стилевую рамку.
Определится с размерами и принудительно подгонять под выбранные, стилями.
Определится с размерами и добавлять подогнанные (для пакетной обрабатки есть куча программ).
Размер уменьшенного изображения 110х110. См.
Сообщение отредактировал Diz6942 - Вторник, 11.10.2011, 00:35 | | |
|
|
2011-10-11Дата: Вторник, 11.10.2011, 16:30 | Сообщение # 40 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Diz6942, Quote (Diz6942) Давайте попробуем сделать последний вариант. Подскажите, пожалста, с чего начинать.
)
Ну, давайте.
Начать можно с того, что запомнить размер уменьшенного изображения, а также кратные ему полные изображения, и придерживаться их.
Например, как вы и написали, 110x110, следовательно, можно/нужно настроит под соответствующий размер модуль, например \board\ - доска объявлений. Для этого идём в ПУ » Доска объявлений » Настройки модуля » Размеры уменьшенного изображения и вписываем нужные размеры.
Сохраняемся, теперь, при добавлении картинки будут проводится к данному размеру, по большей стороне, естественно. При добавлении можно изменять (для админов и групп которым разрешено данное действие) размеры.
Добавляемые большие изображения, должны быть, и для этого мы запоминали кратные размеры полных изображений, кратны, приблизительно, 110x110.
Для пакетной обрезки фоток можно использовать программу, например ACDSee Pro 2.5 или более позднюю версию, или любую другую, которая поддерживает пакетную обработку изображений.
...
Есть функции «обрезка» и «изменение размеров» ... и много других ).
| | |
|
|
2011-10-11Дата: Вторник, 11.10.2011, 17:42 | Сообщение # 41 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
likbezz, здравствуйте. Вы правы, я мало чего поняла из третьего варианта. Замахнулась на самое сложное(скромнее надо быть ). А если делать простую стилевую рамку, она буде выглядеть примерно так? Если да, то давайте начнем с нее. Хорошо?
Сообщение отредактировал Diz6942 - Вторник, 11.10.2011, 17:48 | | |
|
|
2011-10-11Дата: Вторник, 11.10.2011, 18:35 | Сообщение # 42 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Diz6942, Quote (Diz6942) А если делать простую стилевую рамку, она буде выглядеть примерно так?
Не совсем, Горизонтальные будут горизонтальными, а не квадратными.
Простая рамка - имеется в виду просто рамка к картинке в виде бордера и/или фоновой заливки или комбинации того и другого.
Например:
Code <style type="text/css">
div.eMessage img{display:inline-block;margin:2px;padding:3px;background-color:#CCC;border:3px dashed #900;}
</style>
...
Но, если у вас картинки прописаны в шаблоне и известны примерные размеры, то можно задать класс и квадратную форму ссылке, и прописать её фоновый цвет/картинку ....
Например:
Code <style type="text/css">
a.boxImg{display:table-cell;width:208px;height:208px;background-color:#CCC;text-align:center;border:1px solid #999;vertical-align:middle;}
a.boxImg img{margin:4px;}
</style>
...
| | |
|
|
2011-10-12Дата: Среда, 12.10.2011, 14:46 | Сообщение # 43 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
likbezz, добрый день! Спасибо, последний вариант именно ТО!
Quote если у вас картинки прописаны в шаблоне Code <div class="imgBox"> <?if($IMG_URL1$)?><a href="$IMG_URL1$" target="_blank" title="Нажмите, для просмотра в полном размере..."><img src="$IMG_SMALL_URL1$" alt="" /></a><?endif?></div>
Quote и известны примерные размеры
КодCode <style type="text/css">
a.boxImg{display:table-cell;width:208px;height:208px;background-color:#CCC;text-align:center;border:1px solid #999;vertical-align:middle;}
a.boxImg img{margin:4px;}
</style>
п.с. Смотрю на свою аву и пост - ПОЛНОЕ соответствие. Прямо по Фрейду.
Сообщение отредактировал Diz6942 - Среда, 12.10.2011, 14:59 | | |
|
|
2011-10-12Дата: Среда, 12.10.2011, 15:51 | Сообщение # 44 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Diz6942, Quote (Diz6942) уменьшенный размер 110Х110. Или не в тему???
В тему, ... именно ).
Quote (Diz6942) Куда вставлять?
В CSS - таблицу стилей, только в вашем случае, немного по другому:
Code div.boxImg a{display:table-cell;width:208px;height:208px;background-color:#CCC;text-align:center;border:1px solid #999;vertical-align:middle;}
div.boxImg a img{margin:4px;}
Ну с размерами, ... и прочими оформительскими стилями, думаю сами разберётесь.
В помощь отличный справочник по CSS: Справочник по CSS. Версия v3.0 (Copyright © 2008 Влад Мержевич)
...
| | |
|
|
2011-10-12Дата: Среда, 12.10.2011, 20:04 | Сообщение # 45 |
Лейтенант
Группа: Проверенные
Статус: Offline
|
Добрый вечер! likbezz, пожалуйста посмотрите что я опять не так делаю? Может в код нужно что-то дописать? И куда его вставлять? В цcc вставила в Entries Style, после eDetails2 . А результат 0.
| | |
|
