• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Увеличение фотографий при нажатии
alex6859
Сообщений: 872
Репутация: 145

Сообщение # 1 | 22:40:26
Помогите пожалуйсто сделать так, чтобы при нажатии на фотографию она увеличивалась (на страницах сайта (каталог статей, блог и т.д. и в фотоальбомах). Я как то поставил скрипт такой в фотоальбомы и работать всё перестало. Помогите пожалуйста!

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

Сообщение # 2 | 03:06:53
alex6859, активируйте библиотеку jquery 1.7.2 в общих настройках сайта.
после чего так же активируется встроенная библиотека facebox, используем ее для увеличения изображений:
Code
<a href="ссылка на полное изображение" class="ulightbox" data-fancybox-group="ultbx" title="Кликните для увеличения"><img alt="" style="margin:0;padding:0;border:0;" src="ссылка на демо изображение"></a>
JonMagon
Сообщений: 2291
Репутация: 1828

Сообщение # 3 | 07:29:47
Quote (syp4_1k)
facebox

LightBox

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

Сообщение # 4 | 09:30:54
syp4_1k, а активировать библиотеку это бесплатно?

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 5 | 09:39:55
alex6859, бесплатно, стандартно автоматически подключается системой, выбор версии в Общих настройках ..

alex6859
Сообщений: 872
Репутация: 145

Сообщение # 6 | 10:28:43
Quote (syp4_1k)
alex6859, активируйте библиотеку jquery 1.7.2 в общих настройках сайта.
после чего так же активируется встроенная библиотека facebox, используем ее для увеличения изображений:
<a href="ссылка на полное изображение" class="ulightbox" data-fancybox-group="ultbx" title="Кликните для увеличения"><img alt="" style="margin:0;padding:0;border:0;" src="ссылка на демо изображение"></a>

У меня эта версия библиотеки активирована была. А куда поставить этот код, чтобы в фотоальбомах работал?

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

Сообщение # 7 | 14:18:14
JonMagon, если на то пошло то =)
Code
/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */

Quote (alex6859)
У меня эта версия библиотеки активирована была. А куда поставить этот код, чтобы в фотоальбомах работал?

в нужное вам место, замените только ссылки, на динамические ucoz теги.
Сообщение отредактировал syp4_1k - Четверг, 12 Июл 2012, 14:19:40
†Angel†
Сообщений: 387
Репутация: 128
Уровень замечаний:

Сообщение # 8 | 15:02:07
Quote (syp4_1k)
А куда поставить этот код, чтобы в фотоальбомах работал?

В настройках фотоальбома установи галочку Использовать функцию "LightBox"
и так же в настройках фотоальбома почти в самом низу выбири Вид галереи: Новый

Adguard - Рекламы не будет!
alex6859
Сообщений: 872
Репутация: 145

Сообщение # 9 | 21:11:57
Quote (syp4_1k)
в нужное вам место, замените только ссылки, на динамические ucoz теги.

Это какие теги, где их взять( извените, я только учусь)?

sheynhjk
Сообщений: 6
Репутация: 1
Уровень замечаний:

Сообщение # 10 | 23:39:44
Я на доске объявлений использую увеличение фото при нажатии, у меня получилось сделать скрипт для 4-х изображений к одному материалу:

<?if($IMG_URL1$)?>

<center><script type="text/javascript">
function EntImgs$ID$(){
var ajax_data = '<div style="background:#fff; padding:3px;"><img src="$IMG_URL1$" /><div align="right"><hr><a href="$ENTRY_URL$" >$ENTRY_TITLE$</a></div>'; new _uWnd('screen','Скриншот',400,250,{shadow:1,resize:0,hideonmove:0,autosize:1,modal:1,close:1,max:0,icon:0},ajax_data);} </script><a href="javascript://" onclick="EntImgs$ID$()" title="Нажмите, чтобы увеличить изображение"><img style="max-width: 150px;max-height:200px;border:0px;" src="$IMG_URL1$">

</a><br></center><?endif?>

<?if($IMG_URL2$)?>

<center><script type="text/javascript">
function siteimg$ID$(){
var ajax_data = '<div style="background:#fff; padding:3px;"><img src="$IMG_URL2$" /><div align="right"><hr><a href="$ENTRY_URL$" >$ENTRY_TITLE$</a></div>'; new _uWnd('screen','Скриншот',400,250,{shadow:1,resize:0,hideonmove:0,autosize:1,modal:1,close:1,max:0,icon:0},ajax_data);} </script><a href="javascript://" onclick="siteimg$ID$()" title="Нажмите, чтобы увеличить изображение"><img style="max-width: 150px;max-height:200px;border:0px;" src="$IMG_URL2$">

</a><br></center><?endif?>

<?if($IMG_URL3$)?>

<center><script type="text/javascript">
function screenBig$ID$(){
var ajax_data = '<div style="background:#fff; padding:3px;"><img src="$IMG_URL3$" /><div align="right"><hr><a href="$ENTRY_URL$" >$ENTRY_TITLE$</a></div>'; new _uWnd('screen','Скриншот',400,250,{shadow:1,resize:0,hideonmove:0,autosize:1,modal:1,close:1,max:0,icon:0},ajax_data);} </script><a href="javascript://" onclick="screenBig$ID$()" title="Нажмите, чтобы увеличить изображение"><img style="max-width: 150px;max-height:200px;border:0px;" src="$IMG_URL3$">

</a><br></center><?endif?>

<?if($IMG_URL4$)?>

<center><script type="text/javascript">
function Images$ID$(){
var ajax_data = '<div style="background:#fff; padding:3px;"><img src="$IMG_URL4$" /><div align="right"><hr><a href="$ENTRY_URL$" >$ENTRY_TITLE$</a></div>'; new _uWnd('screen','Скриншот',400,250,{shadow:1,resize:0,hideonmove:0,autosize:1,modal:1,close:1,max:0,icon:0},ajax_data);} </script><a href="javascript://" onclick="Images$ID$()" title="Нажмите, чтобы увеличить изображение"><img style="max-width: 150px;max-height:200px;border:0px;" src="$IMG_URL4$">

</a><br></center><?endif?>

fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 11 | 23:39:54
Timmy,
Quote (Timmy)
Есть ли какой-либо оператор или что-то подобное, который при наличии в полном описании файла оператора $IMAGE1$

Нет, такого нет.

Quote (Timmy)
Где можно взять этот самый обработчик?

Написать.
Типа:
Code
<script type="text/javascript">
$(document).ready(function(){
$("div.eMessage a[title^='Нажмите'],td.eText a[title^='Нажмите']").addClass('highslide').click(function(){return hs.expand(this);});
});
</script>

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!