• Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Модератор форума: JonMagon  
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Увеличение изображения прикрепленного по URL
Увеличение изображения прикрепленного по URL
Impuls3661
Сообщений: 36
Репутация: 0

Сообщение # 1 | 19:08:09
Добрый день форумчане помогите решить проблему
Суть такая на форум ( новости, обьявления) изображения прикрепляю по средствам URL, так как картинки большие написал в CSS для их оптимизации для границ шаблона

Код
.posttdMessage img{max-width:750px!important;height:auto!important;-ms-interpolation-mode:bicubic;margin: 0 auto;}

Но мне хочется чтобы я мог кликнуть на картинку и она в сплывающем окошке плавно открылась в истинном размере

помогите написать код для этого
gogli
Сообщений: 1
Репутация: 0

Сообщение # 2 | 20:10:15
добрый ден.помогите пожолюста, как увеличить масштаб сайта.
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 3 | 21:28:33
Impuls3661,
Цитата
помогите написать код для этого
картинку надо вставлять так

Код
<a href="адрес картинки в полный рост" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере..."><img alt="альтернативное название картинки" style="margin:0;padding:0;border:0;" src="адрес картинки-превью"></a>
делать это надо в режиме хтмл

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 4 | 21:29:42
gogli, в браузере вверху в меню нажмите на +
или комбинация клавиш ctrl+ +

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Impuls3661
Сообщений: 36
Репутация: 0

Сообщение # 5 | 12:55:14
Цитата webanet ()
делать это надо в режиме хтмл
в шаблоне чтоли этот код прописать в нужном месте ?
не пойму зачем... или это для каждой картинки отдельно надо указывать поясните популярнее.

Добавлено (08 Фев 2015, 12:55:14)
---------------------------------------------
мне надо когда новый ответ пишут на форуме и вставляют картинку по средствам URL она автоматически уменьшалась, а при клике увеличивалась.

JacksonMihailov
Сообщений: 259
Репутация: 107

Сообщение # 6 | 16:40:50
дай ссылку на свой форум, где добавлена картинка

jmDB - Текстовая база данных для uCoz
Impuls3661
Сообщений: 36
Репутация: 0

Сообщение # 7 | 22:24:12
Цитата JacksonMihailov ()
дай ссылку
вот тема http://testimp.ucoz.ru/news/123/2015-01-26-13 там картинки добавлены по средством URL
JacksonMihailov
Сообщений: 259
Репутация: 107

Сообщение # 8 | 22:29:51
Хотел написать сам, но гугл оказался полон решений. Вот попробуй это. (перед </body>)


Код
<script type="text/javascript">   
   $(document).ready(function(){  
   $('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox');  

});  
</script>
Источник: http://www.showmehow.ru/blog/2012-06-28-156

jmDB - Текстовая база данных для uCoz
Impuls3661
Сообщений: 36
Репутация: 0

Сообщение # 9 | 23:43:32
Цитата JacksonMihailov ()
Вот попробуй это
ничего не вышло эффект 0

Добавлено (08 Фев 2015, 23:40:34)
---------------------------------------------
точнее есть если щелкнуть по ссылке вот такого типа http://i.imgur.com/gmg0KKB.jpg то открывает окно с картинкой а у меня та уже картинка по ней надо щелкнуть

Добавлено (08 Фев 2015, 23:43:32)
---------------------------------------------
Этот скрипт подойдет если я напишу ссылку (на картинку) в посте нажму опубликовать и автоматически ссылка станет картинкой определенного размера

JacksonMihailov
Сообщений: 259
Репутация: 107

Сообщение # 10 | 23:50:00
попробуй:
Код

<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
Impuls3661
Сообщений: 36
Репутация: 0

Сообщение # 11 | 01:08:03
на какие форматы распространяется это ? я вот gif поробовал нечего не вышло в идеале бы jpg jpeg gif png
JacksonMihailov
Сообщений: 259
Репутация: 107

Сообщение # 12 | 01:11:40
а что за браузер? у меня все работает

jmDB - Текстовая база данных для uCoz
Impuls3661
Сообщений: 36
Репутация: 0

Сообщение # 13 | 01:12:05
Поторопился видать не сразу схватывает все отлично работает !
JacksonMihailov
Сообщений: 259
Репутация: 107

Сообщение # 14 | 01:15:14
Ну вот.)

jmDB - Текстовая база данных для uCoz
Impuls3661
Сообщений: 36
Репутация: 0

Сообщение # 15 | 01:17:15
это только распространяется на новости ? в каждый шаблон модулей которые хочу использовать вставлять этот скрипт?

Добавлено (09 Фев 2015, 01:17:15)
---------------------------------------------
как та глобально можно его вывести ? как говорится 1 на все

Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Увеличение изображения прикрепленного по URL
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск: