[
Новые сообщения ·
Участники ·
Правила форума ·
Поиск ·
Мои сообщения ·
]
Новый вид фотогалереи
Мурзик Дата: Воскресенье, 31.05.2009, 16:01:15 | Сообщение # 1
сержант
Группа: Проверенные
Сообщений: 102
Замечания:[1 ]
Добавить замечание
Репутация:
1
Наказания:
0%
Статус: Offline
Для начала создадим два таких файла: highslide-full.js и highslide.css И заливаем это в отдельную папку на сайте (в данном примере это папка - iload). Этот код ставим на страницу фотоальбома,где хотите такой вид картинок: Code
Code
<script type="text/javascript" src="/iload/highslide-full.js"></script> <link rel="stylesheet" type="text/css" href="/iload/highslide.css" /> <script type="text/javascript"> hs.graphicsDir = '../highslide/graphics/'; hs.align = 'center'; hs.transitions = ['expand', 'crossfade']; hs.outlineType = 'rounded-white'; hs.fadeInOut = true; hs.dimmingOpacity = 0.75; // Add the controlbar hs.addSlideshow({ //slideshowGroup: 'group1', interval: 5000, repeat: false, useControls: true, fixedControls: 'fit', overlayOptions: { opacity: 1, position: 'bottom center', hideOnMouseOut: true } }); </script>
Дальше Вид фотографий и заменяем всё что там есть на этот код:
Code
Code
<center> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="17" background="/foto/3bd0bff61a01.png" height="17"> </td> <td background="/foto/290b6ff174f7.png" height="17"> </td> <td width="17" background="/foto/94af9881da39.png" height="17"> </td> </tr> <tr> <td width="17" background="/foto/326a55f011dc.png"> </td> <td> <a href="$FULL_PHOTO_DIRECT_URL$" class="highslide" onclick="return hs.expand(this)"> <img src="$PHOTO_DIRECT_URL$" alt="$PHOTO_NAME$" height="85" width="85"/></a> </td> <td width="17" background="/foto/a4e3e0816fe3.png"> </td> </tr> <tr> <td width="17" background="/foto/8cb928874182.png" height="17"> </td> <td background="/foto/8f85b050c329.png" height="17"> </td> <td width="17" background="/foto/ce48d6da8a98.png" height="17"> </td> </tr> </tbody></table><a href="$COMMENTS_URL$"><b>Подробнее</b></a><br> </center>
Рамка:
Мурзик Дата: Воскресенье, 31.05.2009, 16:26:11 | Сообщение # 2
сержант
Группа: Проверенные
Сообщений: 102
Замечания:[1 ]
Добавить замечание
Репутация:
1
Наказания:
0%
Статус: Offline
Картинки для рамки и файлы highslide-full.js и highslide.css
Echo Дата: Вторник, 16.06.2009, 04:45:13 | Сообщение # 3
ефрейтор
Группа: Hовички
Сообщений: 3
Замечания:[0 ]
Добавить замечание
Репутация:
0
Наказания:
0%
Статус: Offline
слух, поставил этот скрипт себе-не работает увеличение. кажется все сделал правильно, но все равно какой-то баг или лаг(( можешь помочь как-нить?
liS Дата: Вторник, 16.06.2009, 10:48:47 | Сообщение # 4
ст.сержант
Группа: PR-moders
Сообщений: 199
Замечания:[0 ]
Добавить замечание
Репутация:
1
Статус: Offline
Echo , он забыл еще про одну папку залей ее и ее содержимое и укажи в скрипте путь к ней вот в этом месте:
hs.graphicsDir = '../highslide/graphics/ ';
Пример работы скрипта http://dump.nnov.ru/photo/
liS Дата: Вторник, 16.06.2009, 10:59:41 | Сообщение # 5
ст.сержант
Группа: PR-moders
Сообщений: 199
Замечания:[0 ]
Добавить замечание
Репутация:
1
Статус: Offline
Вот как выглядит у меня...
Code
<script type="text/javascript" src="http://dump.nnov.ru/js/foto/highslide-full.js"></script> <link rel="stylesheet" type="text/css" href="http://dump.nnov.ru/js/foto/highslide.css" /> <script type="text/javascript"> hs.graphicsDir = 'http://dump.nnov.ru/js/foto/graf/'; hs.align = 'center'; hs.transitions = ['expand', 'crossfade']; hs.outlineType = 'rounded-white'; hs.fadeInOut = true; hs.dimmingOpacity = 0.75; // Add the controlbar hs.addSlideshow({ //slideshowGroup: 'group1', interval: 5000, repeat: false, useControls: true, fixedControls: 'fit', overlayOptions: { opacity: 1, position: 'bottom center', hideOnMouseOut: true } }); </script>
Echo Дата: Среда, 17.06.2009, 02:10:06 | Сообщение # 6
ефрейтор
Группа: Hовички
Сообщений: 3
Замечания:[0 ]
Добавить замечание
Репутация:
0
Наказания:
0%
Статус: Offline
liS , спасибо огромное)) просто я не силен в скриптенге, но силен в рисовалке. а саиты всо равно просят делать.. )) еси будет что интересное у мя тож выложу)) к стати голосовое оповесчение на личное сообщение интересует? не знаю, было ли.Добавлено (17.06.2009, 02:10) ---------------------------------------------liS , спасибо огромное)) просто я не силен в скриптенге, но силен в рисовалке. а саиты всо равно просят делать.. )) еси будет что интересное у мя тож выложу)) к стати голосовое оповесчение на личное сообщение интересует? не знаю, было ли.
liS Дата: Среда, 17.06.2009, 10:28:41 | Сообщение # 7
ст.сержант
Группа: PR-moders
Сообщений: 199
Замечания:[0 ]
Добавить замечание
Репутация:
1
Статус: Offline
Quote (Echo )
к стати голосовое оповесчение на личное сообщение интересует?
напиши.. у меня стояло, но работало только в IE... (
madrom007 Дата: Четверг, 18.06.2009, 15:37:37 | Сообщение # 8
ефрейтор
Группа: Hовички
Сообщений: 6
Замечания:[0 ]
Добавить замечание
Репутация:
0
Наказания:
0%
Статус: Offline
а у меня увеличеная картинка открываеться на новой страничке...сто делать :(((
liS Дата: Четверг, 18.06.2009, 17:00:17 | Сообщение # 9
ст.сержант
Группа: PR-moders
Сообщений: 199
Замечания:[0 ]
Добавить замечание
Репутация:
1
Статус: Offline
madrom007 , дай ссылку на страницу с установленным скриптом... посмотрю в чем дело..
madrom007 Дата: Четверг, 18.06.2009, 17:31:45 | Сообщение # 10
ефрейтор
Группа: Hовички
Сообщений: 6
Замечания:[0 ]
Добавить замечание
Репутация:
0
Наказания:
0%
Статус: Offline
liS , вот http://alfadogy.ru/photo
liS Дата: Четверг, 18.06.2009, 18:20:56 | Сообщение # 11
ст.сержант
Группа: PR-moders
Сообщений: 199
Замечания:[0 ]
Добавить замечание
Репутация:
1
Статус: Offline
madrom007 , ты забыл вставить скрипт
Code
<script type="text/javascript" src="/iload/highslide-full.js"></script> <link rel="stylesheet" type="text/css" href="/iload/highslide.css" /> <script type="text/javascript"> hs.graphicsDir = '../highslide/graphics/'; hs.align = 'center'; hs.transitions = ['expand', 'crossfade']; hs.outlineType = 'rounded-white'; hs.fadeInOut = true; hs.dimmingOpacity = 0.75; // Add the controlbar hs.addSlideshow({ //slideshowGroup: 'group1', interval: 5000, repeat: false, useControls: true, fixedControls: 'fit', overlayOptions: { opacity: 1, position: 'bottom center', hideOnMouseOut: true } }); </script>
в шаблон страницы . вставить надо между <head> и </head> только не забудь поменять пути к файлам на свои
madrom007 Дата: Четверг, 18.06.2009, 19:00:20 | Сообщение # 12
ефрейтор
Группа: Hовички
Сообщений: 6
Замечания:[0 ]
Добавить замечание
Репутация:
0
Наказания:
0%
Статус: Offline
К сожалению все равно не работает... появляетс строка загрузки и все
liS Дата: Четверг, 18.06.2009, 19:33:02 | Сообщение # 13
ст.сержант
Группа: PR-moders
Сообщений: 199
Замечания:[0 ]
Добавить замечание
Репутация:
1
Статус: Offline
madrom007 , это означает, что сделал не все давай по пунктам
1. залил на сайт файлы из этого архива http://dump.nnov.ru/_fr/1/7982151.rar
2. залил папку из этого архива http://dump.nnov.ru/_fr/1/graphics.rar
3. написал первый скрипт в шаблон страниц фотоальбома (поменяв все пути к файлам на свои)
4. написал второй скрипт в шаблон Вид фотографий
Если все сделал правильно должно работать...
madrom007 Дата: Четверг, 18.06.2009, 20:35:07 | Сообщение # 14
ефрейтор
Группа: Hовички
Сообщений: 6
Замечания:[0 ]
Добавить замечание
Репутация:
0
Наказания:
0%
Статус: Offline
Все переделал по пунктам.... нифурычет
liS Дата: Четверг, 18.06.2009, 22:43:53 | Сообщение # 15
ст.сержант
Группа: PR-moders
Сообщений: 199
Замечания:[0 ]
Добавить замечание
Репутация:
1
Статус: Offline
madrom007 , забыл в ссылке дописать / http://alfadogy.ru/js/iload/graphics/
ххх