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

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

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

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

Спойлер:

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

1. Закачиваем картинки куда-нибудь ^_^ я лил на радикал.
   
2. Если нет своего профиля, лучше копируйте ссылки в какой-нибудь документик.
   
3. Для начала создаём виджет. Можете ставить любые параметры, только желательно ставьте table type на yes (У мя форум английский )
   
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. Добавляем его на портал или на панели по бокам страницы.
   

Теперь работает!
На радикале можно создавать картинки-превьюшки, например:

Код:

<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>

В результате получаем такую симпатяжку:

Спойлер:

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