ExBB Community » » JavaScript » хочу поделиться своим маленьким дополнением

Страниц (2): [1] 2 »
 

1. FoXaV - 15 июня 2011 — 16:51 - перейти к сообщению
Изначально хочу поблагодарить Создателей Этого форума...


Итого
в файле templates/InvisionExBB/board_body.tpl т.е вашего стиля
после </td> добавляем

CODE:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Фото Альбом</title>
<script type="text/javascript" src="loadalbum/js/prototype.js"></script>
<script type="text/javascript" src="loadalbum/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="loadalbum/js/lightbox.js"></script>
<link rel="stylesheet" href="loadalbum/css/lightbox.css" type="text/css" media="screen" />

<span onClick="var obj = document.getElementById('layer'); obj.style.display = (obj.style.display == 'none') ? obj.style.display = 'block' : obj.style.display = 'none';"><font color=red>Быстрый просмотр</span></font>
<div style="display: none;" id="layer"><a href="http://х/forum/pictures/kazanka/5m3/1.jpg" rel="lightbox[roadtrip]">Казанка_5м3</a>
<a href="http://av-lux.2mcl.com/forum/pictures/kazanka/5m3/2.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m3/3.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m3/4.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m3/6.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m3/7.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m3/8.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m3/9.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m3/10.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m3/12.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m3/13.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m3/14.jpg" rel="lightbox[roadtrip]"></a>
,

<a href="http://х/forum/pictures/kazanka/5m/1.jpg" rel="lightbox[roadtrip]">Казанка_5м</a>
<a href="http://х/forum/pictures/kazanka/5m/2.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m/3.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m/4.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m/6.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m/7.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m/8.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m/9.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m/10.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m/12.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/kazanka/5m/13.jpg" rel="lightbox[roadtrip]"></a>
,

<a href="http://х/forum/pictures/ob3/1.jpg" rel="lightbox[roadtrip]">Обь_3</a>
<a href="http://х/forum/pictures/ob3/2.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/ob3/3.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/ob3/4.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/ob3/6.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/ob3/7.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/ob3/8.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/ob3/9.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/ob3/10.jpg" rel="lightbox[roadtrip]"></a>
,

<a href="http://х/forum/pictures/yantar/1.jpg" rel="lightbox[roadtrip]">Янтарь</a>
<a href="http://х/forum/pictures/yantar/2.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/3.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/4.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/6.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/7.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/8.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/9.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/10.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/12.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/13.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/14.jpg" rel="lightbox[roadtrip]"></a>
<a href="http://х/forum/pictures/yantar/15.jpg" rel="lightbox"></a></div>
,



вместо http://х/forum/pictures укажите место нахождения ваших фото

и добавте в корень http://av.2mcl.com/loadalbum.zip
2. roma1 - 15 июня 2011 — 16:58 - перейти к сообщению
спасибо конечно но что это где примерчик глянуть? и нужно теги код выбирать а то смайлики повылазили. НУжно описание.
3. FoXaV - 15 июня 2011 — 16:59 - перейти к сообщению
Пример тут http://av.2mcl.com

Есть кнопка быстрый просмотр нажмите и все увидете)

Сорь перезалил скрипты забыл поправить

можно и так
http://av.2mcl.com/2.jpg
4. kitNest - 15 июня 2011 — 21:51 - перейти к сообщению
FoXaVто есть каждую фотокарточку в темплейт вносить, при дополнении, вручную? ну, судя по прямым адресам.

или скрипт как то вручную их сам туда при постинге вносит?
5. FoXaV - 15 июня 2011 — 22:36 - перейти к сообщению
вручную указывать
6. kitNest - 15 июня 2011 — 22:55 - перейти к сообщению
Не понял спасибо. конечно, так тоже можно..
7. FoXaV - 15 июня 2011 — 23:33 - перейти к сообщению
по сути я не являюсь автором скриптов, я просто собрал в кучу Белый флаг Молчу
8. kitNest - 15 июня 2011 — 23:37 - перейти к сообщению
да я ничего, от меня то вообще никаких скриптов пока еще не было Улыбка

вы только, все ж таки, первый свой пост, строки со скриптом, в теги [code][/code] оденьте Хорошо
(Добавление)
FoXaVтолько вот что-то не работает. сделал пока альбом с одной картинкой, но кнопка неактивной остается.
9. electron - 16 июня 2011 — 02:12 - перейти к сообщению
CODE:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Фото Альбом</title>

я бы вообще из кода выкинул.

CODE:
<script type="text/javascript" src="loadalbum/js/prototype.js"></script>
<script type="text/javascript" src="loadalbum/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="loadalbum/js/lightbox.js"></script>
<link rel="stylesheet" href="loadalbum/css/lightbox.css" type="text/css" media="screen" />

по правильности исполнения команд, это надо вставлять в файл all_header.tpl

строки из файла .css архива loadalbum.zip вырезал бы и добавил в style.css стиля форума

а для остального можно просто сделать отдельную страничку, photo.php, например. и сунуть ссылку в logomenu. загромождать кодом шапку форума как-то не очень эстетично по-моему.
10. BON - 16 июня 2011 — 06:15 - перейти к сообщению
я вообще не понял что это за дополнение? сделайте скрин как оно работает
11. electron - 16 июня 2011 — 07:07 - перейти к сообщению
BON , да просто картинки открываются в лайтбоксе. типа имеющегося форумного мода Подгрузка прикреплённых изображений на Ajax
12. kitNest - 16 июня 2011 — 07:38 - перейти к сообщению
+ промотка взад-вперед.
13. BON - 16 июня 2011 — 08:49 - перейти к сообщению
electron пишет:
да просто картинки открываются в лайтбоксе

любая картинка или только прикрепленная?
14. electron - 16 июня 2011 — 09:25 - перейти к сообщению
любая, загружнная на фтп или на какой-нибудь файлообменник
15. Pauk - 16 июня 2011 — 13:40 - перейти к сообщению
я так и не увидел работы этих изменений.
лично меня интересует, чтобы вставленные фото через теги листались в режиме аякса а не приходилось открывать каждую по очереди

Яндекс.Метрика   

Powered by ExBB
[Script Execution time: 0.019]     [ ]