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

Сообщение # 1 | 22:41:29
Не подскажите готовый JS код, чтобы при нажатии на изображение на главной странице в новостях изображение увеличивалось.
webanet
Личный менеджер
Сообщений: 23430
Репутация: 4901

Сообщение # 2 | 22:50:50
Blokdokur, уже есть встроенное

это подойдет?

Прикрепления: 6483147.jpg(33.6 Kb)

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Ishenko(Boston)
Сообщений: 63
Репутация: 12

Сообщение # 3 | 00:06:07
webanet, ну это класс улайтбокс, а есть класс открытия контента страницы? тоесть как модальное окно?
Deadshot
Сообщений: 412
Репутация: 524

Сообщение # 4 | 10:50:46
Quote (Ishenko(Boston))
webanet, ну это класс улайтбокс, а есть класс открытия контента страницы? тоесть как модальное окно?

теперь по русский smile

Пум-пурум-пурум-пум-пум!
Ishenko(Boston)
Сообщений: 63
Репутация: 12

Сообщение # 5 | 12:56:27
Deadshot, ну <div class="ulightbox"> - увечелечение картинки, а вот чтобы страница или другой окнтент открывался в модальном окне.. только юкоз.. ну вот как например в разделе раскрутка в панеле.... плагин фансибоx вроде

Добавлено (17-Ноя-2012, 12:56:27)
---------------------------------------------
и что за лаг когда, нет сообщений показывает в админ-баре что у вас они есть.. у вас на сайте

AlexPS
Сообщений: 275
Репутация: 79

Сообщение # 6 | 16:20:06
Ishenko(Boston), Документация по фансибокс который втроеный в систему, может пригодится. На английском, но на примерах не трудно понять что к чему

Добавлено (17-Ноя-2012, 16:20:06)
---------------------------------------------

Code
<ul class="list">
     <li><a class="various fancybox.iframe" href="ссылка на сайт (страницу)">название ссылки</a></li>
</ul>

<script type="text/javascript">
$(document).ready(function() {
     $(".various").fancybox({
         maxWidth    : 800,
         maxHeight    : 600,
         fitToView    : false,
         width        : '70%',
         height        : '70%',
         autoSize    : false,
         closeClick    : false,
         openEffect    : 'none',
         closeEffect    : 'none'
     });
});
</script>

Все благодарности можно оставить в репутации

VotelAdmin
Сообщений: 10
Репутация: 0

Сообщение # 7 | 18:44:33
[code][/code]
Люди добрые, подскажите самоварчику! smile
У меня получилась вот какая картинка:
Quote
<!--IMG1--><a href="http://vot.ucoz.ru/wallcat004.jpg" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере..."><img alt="" style="margin:0;padding:0;border:0;" src="http://vot.ucoz.ru/wallcat004.jpg" align=""></a><!--IMG1-->

Вопрос : как переделать, чтобы по клику маленькое изображение увеличивалось.
webanet
Личный менеджер
Сообщений: 23430
Репутация: 4901

Сообщение # 8 | 19:02:30
VotelAdmin,
Quote
<a href="http://vot.ucoz.ru/wallcat004.jpg" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном
размере..."><img alt="" style="margin:0;padding:0;border:0;"
src="тут маленькая картинка" align=""></a>

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

Сообщение # 9 | 02:53:31
Зачем вам все эти заморочки , ucoz для вас "ulightbox" сделали просто так? Зачем вам лишние заморочки?
Fox2
Сообщений: 75
Репутация: 4

Сообщение # 10 | 12:05:25
Quote (h17emka)
Зачем вам все эти заморочки , ucoz для вас "ulightbox" сделали просто так? Зачем вам лишние заморочки?
В юкозовском лайтбоксе нет к примеру перелистывания изображений.
Чтоб закрыть картинку надо отыскать крохотный крестик в верхнем правом углу, а не просто снова щелкнуть по картинке.
бизнес-интернет
Сообщений: 3
Репутация: 0

Сообщение # 11 | 19:23:39
Добрые люди! Помогите пожалуйста!

Мне нужно чтобы приклепленная картинка была не ссылкой. а маленькой картинкой и при нажатии увеличивалась! Как во втором сообщении этой ветки!

Откликнетесь пожалуйста!

Добавлено (14 Янв 2013, 19:23:39)
---------------------------------------------
Видите как получилось! В моем сообщении картинка вышла ссылкой!

Прикрепления: 9617435.jpg(3.9 Kb)

Сообщение отредактировал бизнес-интернет - Понедельник, 14 Янв 2013, 19:22:58
Aura
Сообщений: 33
Репутация: 42

Сообщение # 12 | 06:34:38
Всем привет.

Явно все сталкивались с тем, что пользователи несмотря на спойлер, загружают картинки гиганты, растягивающие дизайн сайта?

У меня стоит скрипт, если его можно так назвать (скорее в css правка), уменьшающая и сужающая размер фото.

Допустим, при прикреплении изображения с компьютера, оно имеет вразумительный вид, при этом работает встроенная функция автоуменьшения, а при клике - увеличения в дизайне UCOZ.

Когда будет такое же чудо, но через код [img]? smile Скрипты искала, но они не работают. sad
JonMagon
Модератор форума
Сообщений: 2291
Репутация: 1828

Сообщение # 13 | 20:36:33
Цитата (Aura)
Явно все сталкивались с тем, что пользователи несмотря на спойлер, загружают картинки гиганты, растягивающие дизайн сайта?

Это каким еще образом?

Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
Angel7
Сообщений: 326
Репутация: 251

Сообщение # 14 | 21:23:33
Цитата (бизнес-интернет)
Видите как получилось! В моем сообщении картинка вышла ссылкой!
Вам нужно вставить изображение в сообщение с помощью кода $IMAGE1$

Aura
Сообщений: 33
Репутация: 42

Сообщение # 15 | 00:41:06
JonMagon, Через тег [img], я об этом. smile Здесь это не показать, т.к. тут они также сужаются.
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Увеличение изображения кликом (Нужен JS код)
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск: