Модератор форума: JonMagon |
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Увеличение изображения прикрепленного по URL |
Увеличение изображения прикрепленного по URL |
Добрый день форумчане помогите решить проблему
Суть такая на форум ( новости, обьявления) изображения прикрепляю по средствам URL, так как картинки большие написал в CSS для их оптимизации для границ шаблона Код .posttdMessage img{max-width:750px!important;height:auto!important;-ms-interpolation-mode:bicubic;margin: 0 auto;} Но мне хочется чтобы я мог кликнуть на картинку и она в сплывающем окошке плавно открылась в истинном размере помогите написать код для этого |
Impuls3661,
Цитата помогите написать код для этого Код <a href="адрес картинки в полный рост" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере..."><img alt="альтернативное название картинки" style="margin:0;padding:0;border:0;" src="адрес картинки-превью"></a> |
gogli, в браузере вверху в меню нажмите на +
или комбинация клавиш ctrl+ + |
в шаблоне чтоли этот код прописать в нужном месте ?
не пойму зачем... или это для каждой картинки отдельно надо указывать поясните популярнее. Добавлено (08 Фев 2015, 12:55:14) |
|
|
Хотел написать сам, но гугл оказался полон решений. Вот попробуй это. (перед </body>)
Код <script type="text/javascript"> $(document).ready(function(){ $('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox'); }); </script> jmDB - Текстовая база данных для uCoz
|
ничего не вышло эффект 0
Добавлено (08 Фев 2015, 23:40:34) Добавлено (08 Фев 2015, 23:43:32) |
попробуй:
Код <script type="text/javascript"> $(document).ready(function(){ $('.commtext2 img,.eMessage img').each(function(index, element) { $(this).wrap( '<a class="ulightbox" href="'+$(this).attr('src')+'"></a>' ) });; }); </script> (Я не проверял) jmDB - Текстовая база данных для uCoz
|
на какие форматы распространяется это ? я вот gif поробовал нечего не вышло в идеале бы jpg jpeg gif png
|
|
Поторопился видать не сразу схватывает все отлично работает !
|
|
это только распространяется на новости ? в каждый шаблон модулей которые хочу использовать вставлять этот скрипт?
Добавлено (09 Фев 2015, 01:17:15) |
| |||