Форум Сайтостроение Веб-строительство

Галерея

12
RV
На сайте с 03.12.2007
Offline
16
RodicheV
1138

Подскажите пожалуйста как реализовать галерею как на этом сайте http://www.affresco.ru/affresco/classic_scenery/2/

Возможно небольшое вознаграждение.:)

a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#1

Можно заглянуть в код, и найти вот эту ссылку: http://vikjavev.no/highslide/

RV
На сайте с 03.12.2007
Offline
16
RodicheV
#2
a.fatman:
Можно заглянуть в код, и найти вот эту ссылку: http://vikjavev.no/highslide/

Можно... Только я не понимаю можно ли её бесплатно использовать, и как её утанавливать.)

a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#3

Для некоммерческих сайтов -- можно использовать бесплатно.

На сайте же все написано.

RV
На сайте с 03.12.2007
Offline
16
RodicheV
#4
a.fatman:
Для некоммерческих сайтов -- можно использовать бесплатно.

На сайте же все написано.

Я не умею устанавливать ((( Очень прошу помощи!

[Удален]
#5
RodicheV:
Подскажите пожалуйста как реализовать галерею как на этом сайте http://www.affresco.ru/affresco/classic_scenery/2/
Возможно небольшое вознаграждение.:)

лучше не использовать - у меня стандартная машина, браузев, фаерволл и т.п. на дом компе - лупа с плюсиком не открывает картинки...

хотя, можно и переписать скрипт, сделав ссылкой...

а чем Вам понравилась эта галера? (кроме посещаемости?;) )

Посты Grid или List? Как улучшить показатель Speed Кто то спамит ссыдками
one
На сайте с 15.04.2007
Offline
336
one
#6

Все нормально открывает! Хороший скрипт!

Решения для автоматизации действий ( https://www.facebook.com/automationstudio20/ ) в интернете.
RV
На сайте с 03.12.2007
Offline
16
RodicheV
#7
narodd:
лучше не использовать - у меня стандартная машина, браузев, фаерволл и т.п. на дом компе - лупа с плюсиком не открывает картинки...

хотя, можно и переписать скрипт, сделав ссылкой...

а чем Вам понравилась эта галера? (кроме посещаемости?;) )

Директор уперся :)

GunFigter
На сайте с 20.03.2008
Offline
98
GunFigter
#8

Что тут устанавливать то? берёшь копируешь этот код на сервер.


<script type="text/javascript" src="highslide/highslide.js"></script>

<!--
На сервере помещаешь скрипт в папку highslide. И всё должно работать
-->

<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
</script>

// css (обязательно). Можно использовать файл
<style type="text/css">
* {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide {
cursor: url(highslide/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide img {
border: 2px solid gray;
}
.highslide:hover img {
border: 2px solid white;
}
.highslide-wrapper {
background: white;
}
.highslide-image {
border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 5px solid white;
border-top: none;
padding: 5px;
background-color: white;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;

padding-left: 22px;
background-image: url(highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}

a.highslide-full-expand {
background: url(highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}

/* These must always be last */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
</style>

</head>

<body style="background-color: silver">
<div>
<!--
!!!10!!!
images/full-image.jpg - путь к большой картинке
images/thumbnail.jpg - путь к уменьшенной
-->

<a href="images/full-image.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="images/thumbnail.jpg" alt="Highslide JS"
title="Click to enlarge" height="120" width="107" /></a>

<!--
Заголовок
-->

<div class="highslide-caption">
Заголовок.
</div>

Готово!

[Articler Alpha v1.07 (/ru/forum/comment/3282415)] и [Articler Beta (/ru/forum/347101)] | [Подбор доменов (/ru/forum/249478)] | {Socializating (/ru/forum/263463)}
[Удален]
#9

Ох и глюкавая у них галерея... Походите пощелкайте thumbnails основного меню в Firefox. Постоянно все разъезжается при открытии новых страниц. Не знаю, вина ли это Highslide или дизайнеры галереи что-то "усовершенствовали". Но размеры полей прыгают постоянно. В какой-то момент вообще появился дополнительный вертикальный блок прямо посреди страницы.

Проверьте под Firefox сами и покажите директору :)

А зум необычно реализован, конечно.

one
На сайте с 15.04.2007
Offline
336
one
#10
nightwright:
Ох и глюкавая у них галерея... Походите пощелкайте thumbnails основного меню в Firefox. Постоянно все разъезжается при открытии новых страниц. Не знаю, вина ли это Highslide или дизайнеры галереи что-то "усовершенствовали". Но размеры полей прыгают постоянно. В какой-то момент вообще появился дополнительный вертикальный блок прямо посреди страницы.

Проверьте под Firefox сами и покажите директору :)

А зум необычно реализован, конечно.

Создателю галереи руки подточить... всего лиш...

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий