|
Новый вид фотогалереи
|
|
Мурзик  | Дата: Воскресенье, 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/
|
| |
| |
