Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Генератор подарков
автор Леший Сегодня в 0:43

» Убрать значок
автор Леший Чт 17 Авг - 12:15

» Свечение для группы а не для юзера
автор Kuzbas63 Чт 17 Авг - 9:01

» Оформить имя
автор Kuzbas63 Чт 17 Авг - 8:59

» Красивый путь по сайту
автор Kuzbas63 Чт 17 Авг - 7:05

» Как убрать надписи в низу форума
автор Kuzbas63 Ср 16 Авг - 13:51

» Как сократить расстояние
автор Lory Ср 16 Авг - 10:12

» Искрящийся ник у групп
автор Kuzbas63 Ср 16 Авг - 8:23

» Как отредактировать цвет на кнопках
автор Lory Вт 15 Авг - 23:58

» Как настроить конфиденциальность
автор катарсис Вт 15 Авг - 21:29

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Как создать свою "Галерею"

Предыдущая тема Следующая тема Перейти вниз

Как создать свою "Галерею"

Сообщение автор Мизраил в Сб 26 Мар - 8:38

Конечно, галереи картинок Forum2x2 и красивей, и комменты оставлять можно, и есть система голосов и т.п. , но когда размеру галереи наступает конец, понимаешь, что что-то надо делать. Собственно, здесь будет показан аналог галереи, который каждый может сделать сам yes

Часть первая: Виджеты.

Для начала покажу, как будет выглядеть галерея:
Спойлер:

Как вы видите, это виджет. Количество картинок вы можете менять сами, а можете сделать пару виджетов с разным количеством картинок.
Ну, поехали!


  1. Закачиваем картинки куда-нибудь ^_^ я лил на радикал.
  2. Если нет своего профиля, лучше копируйте ссылки в какой-нибудь документик.
  3. Для начала создаём виджет. Можете ставить любые параметры, только желательно ставьте table type на yes (У мя форум английский fun)
  4. Называем его, допустим, "Галерея", в содержании ставим следующий код:
    Код:
    <center>
    <SCRIPT LANGUAGE="JavaScript">

    var Text = new Array()

    // вот здесь мы делаем список картинок.

    Text[1] = '<img src="Адрес картинки" alt="Можно комментарий добавить">&nbsp'   // неразбиваемый пробел нужен, чтобы было пространство между картинками
    Text[2] = '<img src="Адрес картинки" alt="Можно комментарий добавить">&nbsp'
    Text[3] = '<img src="Адрес картинки" alt="Можно комментарий добавить">&nbsp'
    Text[4] = '<img src="Адрес картинки" alt="Можно комментарий добавить">&nbsp'

    var c1 = Math.floor(Math.random() * Text.length)
    if (c1 == 0) {
      c1 = 1;
    }

    var c2 = Math.floor(Math.random() * Text.length)
    if (c2 == 0) {
       c2 = 1;
    }
    while (c2 == c1){
         var c2 = Math.floor(Math.random() * Text.length)  //проверяем, нету ли совпадений картинок
         if (c2 == 0) {
             c2 = 1;
         }
    }
    var c3 = Math.floor(Math.random() * Text.length)
    if (c3 == 0) {
       c3 = 1;
    }
    while ((c3 == c1)||(c3 == c2)){
         var c3 = Math.floor(Math.random() * Text.length)
         if (c3 == 0) {
             c3 = 1;
         }
    }

    document.write(Text[c1]);   //рисуем картинки. когда увеличиваем или уменьшаем кол-во картинок, не забываем про количество переменных cN
    document.write(Text[c2]);
    document.write(Text[c3]);

    </SCRIPT>
    </center>
  5. В целом, виджет готов! Проверяйте, чтобы количество существующих картинок было больше количества показываемых!
  6. Не забываем сохранить виджет!
  7. Добавляем его на портал или на панели по бокам страницы.


Теперь работает! yes
На радикале можно создавать картинки-превьюшки, например:
Код:
<a target="_blank" href="http://radikal.ru/F/s008.radikal.ru/i305/1103/7a/b2e5f90e0d90.jpg.html"><img src="http://s008.radikal.ru/i305/1103/7a/b2e5f90e0d90t.jpg" ></a>
Используя эту функцию, можно будет сделать увеличение картинок при нажатии в отдельной вкладке.

На всякий случай, пример однокартиночного виджета:
Код:
<center>
<SCRIPT LANGUAGE="JavaScript">
var Text = new Array()
Text[1] = '<img src="Адрес картинки" alt="Можно комментарий добавить">&nbsp'
Text[2] = '<img src="Адрес картинки" alt="Можно комментарий добавить">&nbsp'
Text[3] = '<img src="Адрес картинки" alt="Можно комментарий добавить">&nbsp'
var c1 = Math.floor(Math.random() * Text.length)
if (c1 == 0) {
  c1 = 1;
}
document.write(Text[c1]);
</SCRIPT>
</center>
Ещё. Если смотреть по коду, то самая первая картинка в списке будет встречаться в 2 раза чаще.

Часть вторая: Страница "Галерея нашего сайта".

Разумеется, многим пользователям захочется посмотреть все фотки сразу, и для этого желательно создать отдельную страницу.
Пример:
Спойлер:

В целом, для html-щиков тут всё просто, но для простых пользователей эта часть будет полезна.

  1. Заходим в админпанель, Модули -> html -> html pages management (в самом низу)))
  2. Создаём новую страницу
  3. Обзываем её, допустим, "Галерея телепузиков" ^_^
  4. Включаем футеры и хедеры (ну не знаю я, как по русски будет)))
  5. Вставляем в содержимое:
    Код:
    <center><h1>Здесь находятся все наши фотки из галереи!</h1><br><br>
    <a target="_blank" href="ссылка на большое изображение"><img src="адресс превью" ></a>
    </center>
  6. Тулим после <br> коды картинок из виджетов.
  7. Сохраняем страницу!


В менеджменте страниц вы можете найти ссылку на созданную страницу.

Теперь надо оставить ссылки в виджетах. Для этого добавьте в конец каждого виджета (перед </center>) следующее:
Код:
<br><br><b>
<a href="ссылка на галерею">Жми сюда, чтобы просмотреть все фотки!</a></b>
В результате получаем такую симпатяжку:
Спойлер:

Времени можно убить немало, но теперь у вас есть галерея с неограниченным пространством!  38


Последний раз редактировалось: Dana Domirani (Вс 6 Окт - 20:22), всего редактировалось 4 раз(а) (Обоснование : Я лох просто)
avatar
Мизраил
 

Мужчина

Сообщения : 258
Возраст : 21
Регистрация : 2011-03-08
Благодарности : 106

2 предупреждения

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения