Внимание! В Вашем браузере отключена функция JavaScript!!!


Пожалуйста включите JavaScript, затем обновите страницу.

Развлекательный портал Holi-Doli

Рейтинг@Mail.ru
Интеллектуальная поисковая система Nigma.ru         


[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]


Страница 1 из 212»
Форум » Разное » Скрипты для UCOZ » Вывод картинок с помощью $IMGS_ARRAY_JS$ ($IMGS_ARRAY_JS$ для сайтов под управлением Ucoz)
Вывод картинок с помощью $IMGS_ARRAY_JS$
Ater Дата: Понедельник, 26.04.2010, 10:27 | Сообщение # 1
Титул: Рулящий
Ранг: Генерал-лейтенант
Группа: Не злобный админ
Сообщений: 574
Награды: 2
Репутация: 2
Статус: Оффлайн

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

Сначала была попытка вывести все с помощью кода $IMG_URL1..10$ и $IMG_SMALL_URL1..10$
Был получен следующий код:

Code
<?if($IMG_SMALL_URL1$)?><a target="blank" href="$IMG_URL1$"><img alt="$ENTRY_TITLE$" src="$IMG_SMALL_URL1$" border="0px" longdesc="$TITLE$" title="$TITLE$"></a><?else?><?if($IMG_URL1$)?><img alt="$ENTRY_TITLE$" src="$IMG_URL1$" border="0px" longdesc="$TITLE$" title="$TITLE$"><?endif?><?endif?>

Данный код выводит картинку, при этом производится проверка какая картинка есть, большая или маленькая и соответственно либо выводит превью с сылкой на оригинал, либо выводит оригинал.
Но с помощью данного кода не удалось решить проблему вывода всех картинок. Ведь с помощью кода $IMG_URL1..10$ и $IMG_SMALL_URL1..10$ можно вывести только 10 картинок.

И вот когда уже это порядком надоело то решил покапать и разобраться с кодом $IMGS_ARRAY_JS$, но так как я в джава ничего не понимаю, то пришлось капать по форумам и искать тех кто в этом разбирается и хоть что то понимает. Описание этого кода $IMGS_ARRAY_JS$ и как с ним работать я так и не нашел. Может быть конечно оно есть в их книге, но что то как то ломает покупать книгу из-за описания только одного кода.
Попытки воспользоваться поиском по форуму юкоза ни к чему не привели, пришлось искать в поисковиках. И каково же было мое удивление когда вожделенный код по выводу всех картинок с помощью $IMGS_ARRAY_JS$ был найден именно на юкозовском форуме.

Итак, вот первая версия кода которую предложил D1m0n

Code
<div class="siteimg$ID$"></div>
   $IMGS_ARRAY_JS$
<script>
           $(allEntImgs$ID$).each (function (i) {
             $('.siteimg$ID$').html($('.siteimg$ID$').html()+ '<a href="'+this[0]+'"><img src="'+this[3]+'"></a>');
                });
</script>

Данный код выводит все уменьшенные копии изображений со ссылками на оригиналы картинок. Но здесь не рассмотрена ситуация если у картинки нету уменьшенной копии.

Поэтому YuriT предложил немного улучшенный скрипт:

Code
<div id="siteimg$ID$"></div>
    $IMGS_ARRAY_JS$
<script>
   var html='';
   for(i in allEntImgs$ID$) {
     var aImg=allEntImgs$ID$[i];
     html+=(aImg[3] && aImg[3].length>0 ? '<a href="'+aImg[0]+'"><img src="'+aImg[3]+'"></a>' : '<img src="'+aImg[0]+'">');
   }
   document.getElementById('siteimg$ID$').innerHTML=html;
</script>

Данный скрипт выводит уменьшенные размеры картинок и ссылки на оригиналы, либо оригинальные картинки без ссылок (в случае если оригиналы маленького размера)

После некоторых доработок кода (которые собственно наверно мог сделать каждый, но я все же приведу) у меня получился следующий код:

Code
<div id="siteimg$ID$" align="center"></div>
    $IMGS_ARRAY_JS$
<script>
   var html='';
   for(i in allEntImgs$ID$) {
     var aImg=allEntImgs$ID$[i];
     html+=(aImg[3] && aImg[3].length>0 ? '<br><br><a target="blank" href="'+aImg[0]+'"><img src="'+aImg[3]+'" border="0" alt="$ENTRY_TITLE$"></a>' : '<br><br><img src="'+aImg[0]+'" border="0" alt="$ENTRY_TITLE$">');
   }
   document.getElementById('siteimg$ID$').innerHTML=html;
</script>

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


В вечном неадеквате
Люби себя, чихай на всех!!! и в жизни ждет тебя успех!!!
[ IP скрыт (RU) ]
Гость Дата: Суббота, 03.09.2011, 01:48 | Сообщение # 2
Группа: Гости
bolisoeo spasibo
[ Не та группа (FR) ]
Гость Дата: Вторник, 08.11.2011, 15:01 | Сообщение # 3
Группа: Гости
Здравствуйте, а какой код у прикрепленных изображений на форуме в сообщениях? Пробовал $IMAGE1$ и пробовал прост о$IMAGE$ и эти коды нифига не работают. Я хочу, чтобы все прикрепленные изображения, при клике на них, увеличивались плавно, но для этог ов скрипте нужно указывать конкретный путь к определенному изображению, и вот я пробовал через эти коды,но не получилось. Кто знает, подскажите пожалуйста :)
[ Не та группа (KZ) ]
Ater Дата: Вторник, 08.11.2011, 15:05 | Сообщение # 4
Титул: Рулящий
Ранг: Генерал-лейтенант
Группа: Не злобный админ
Сообщений: 574
Награды: 2
Репутация: 2
Статус: Оффлайн

загрузка наград ...
так коды были даны не для форума, а для материалов, например новости или статьи.

В вечном неадеквате
Люби себя, чихай на всех!!! и в жизни ждет тебя успех!!!
[ IP скрыт (RU) ]
GitaristPro Дата: Вторник, 08.11.2011, 15:13 | Сообщение # 5
Ранг: Рядовой
Группа: Пользователи
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Оффлайн
Quote (Ater)
так коды были даны не для форума, а для материалов, например новости или статьи.

Тему я прочитал, но на мой вопрос вам известен ответ? Sorry что не по теме вопрос ^_^

Сообщение отредактировал GitaristPro - Вторник, 08.11.2011, 15:14
[ IP скрыт (KZ) ]
Ater Дата: Вторник, 08.11.2011, 17:09 | Сообщение # 6
Титул: Рулящий
Ранг: Генерал-лейтенант
Группа: Не злобный админ
Сообщений: 574
Награды: 2
Репутация: 2
Статус: Оффлайн

загрузка наград ...
боюсь что у форума нету тех меток которые описаны в статье.
возможно народ как то и вытаскивает, но мне не известно как.
скорей всего перехват идет на уровне джава скриптов.
Прикрепления: 3604084.jpg(20Kb)


В вечном неадеквате
Люби себя, чихай на всех!!! и в жизни ждет тебя успех!!!
[ IP скрыт (RU) ]
Гость Дата: Понедельник, 30.01.2012, 01:01 | Сообщение # 7
Группа: Гости
как изменить размеры показываемых картинок?
[ Не та группа (UA) ]
Ater Дата: Понедельник, 30.01.2012, 12:15 | Сообщение # 8
Титул: Рулящий
Ранг: Генерал-лейтенант
Группа: Не злобный админ
Сообщений: 574
Награды: 2
Репутация: 2
Статус: Оффлайн

загрузка наград ...
размеры показываемых картинок где? поконкретнее опишите проблему :)

В вечном неадеквате
Люби себя, чихай на всех!!! и в жизни ждет тебя успех!!!
[ IP скрыт (RU) ]
Гость Дата: Среда, 01.02.2012, 03:10 | Сообщение # 9
Группа: Гости
<div id="siteimg$ID$" align="center"></div>
$IMGS_ARRAY_JS$
<script>
var html='';
for(i in allEntImgs$ID$) {
var aImg=allEntImgs$ID$[i];
html+=(aImg[3] && aImg[3].length>0 ? '<br><br><a target="blank" href="'+aImg[0]+'"><img src="'+aImg[3]+'" border="0" alt="$ENTRY_TITLE$"></a>' : '<br><br><img src="'+aImg[0]+'" border="0" alt="$ENTRY_TITLE$">');
}
document.getElementById('siteimg$ID$').innerHTML=html;
</script>

вот в этом скрипте
для каталога файлов
нужно чтоб ширина показываемой картинки была 150px и по клику фулсайз
[ Не та группа (UA) ]
Ater Дата: Среда, 01.02.2012, 12:01 | Сообщение # 10
Титул: Рулящий
Ранг: Генерал-лейтенант
Группа: Не злобный админ
Сообщений: 574
Награды: 2
Репутация: 2
Статус: Оффлайн

загрузка наград ...
так думается будет приблизительно так:

Code
<div id="siteimg$ID$" align="center"></div>
$IMGS_ARRAY_JS$
<script>
var html='';
for(i in allEntImgs$ID$) {
var aImg=allEntImgs$ID$[i];
html+=(aImg[3] && aImg[3].length>0 ? '<br><br><a target="blank" href="'+aImg[0]+'"><img src="'+aImg[3]+'" border="0" alt="$ENTRY_TITLE$" style="max-width: 150px;"></a>' : '<br><br><img src="'+aImg[0]+'" border="0" alt="$ENTRY_TITLE$" style="max-width: 150px;">');
}
document.getElementById('siteimg$ID$').innerHTML=html;
</script>


В вечном неадеквате
Люби себя, чихай на всех!!! и в жизни ждет тебя успех!!!
[ IP скрыт (RU) ]
Гость Дата: Суббота, 04.02.2012, 00:39 | Сообщение # 11
Группа: Гости
спасибо...а почему все картинки в столбик выстраиваются? как сделать чтоб в три колонки выстраивались..т е по три фотку на строку.
[ Не та группа (UA) ]
Гость Дата: Суббота, 04.02.2012, 01:12 | Сообщение # 12
Группа: Гости
вот ступил..разобрался уже))
[ Не та группа (UA) ]
Гость Дата: Пятница, 02.03.2012, 14:06 | Сообщение # 13
Группа: Гости
Подскажите пожалуйста, как вытащить изображения из категории. У меня сайт, в нем есть раздел, его ID например 8, в разделе находиться категория с несколькими материалами, ее ID например 10. как должен выглядеть скрипт?
[ Не та группа (RU) ]
Ater Дата: Пятница, 02.03.2012, 14:38 | Сообщение # 14
Титул: Рулящий
Ранг: Генерал-лейтенант
Группа: Не злобный админ
Сообщений: 574
Награды: 2
Репутация: 2
Статус: Оффлайн

загрузка наград ...
а куда их вытащить то надо?

В вечном неадеквате
Люби себя, чихай на всех!!! и в жизни ждет тебя успех!!!
[ IP скрыт (RU) ]
Гость Дата: Пятница, 02.03.2012, 15:30 | Сообщение # 15
Группа: Гости
На определенную страницу. Хотел сделать некое подобие каталога, где каждой позиции соответствует страница материала, ну там фотография и под ней описание. Думал создать пункт меню, привязать к нему страницу на которой хотелось бы сделать вывод картинок в уменьшенном масштабе из всех материалов, что-то вроде превью.
[ Не та группа (RU) ]
Форум » Разное » Скрипты для UCOZ » Вывод картинок с помощью $IMGS_ARRAY_JS$ ($IMGS_ARRAY_JS$ для сайтов под управлением Ucoz)
Страница 1 из 212»
Поиск:


Система Orphus