Форум помощи пользователям

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Галерея.

Сообщений 1 страница 20 из 26

1

Добрый день! Интересует такой вопрос можно ли сделать на главной странице сайта галерею с изображениями? Заранее благодарна.

0

2

Любовь
Да, конечно.
Нарисуйте шаблон галереи и укажите ссылку на ваш форумю

0

3

http://beloweb.ru/wp-content/uploads/20 … yiy57.jpg- пример
http://mpower.freeff.ru - форум

0

4

Любовь
ссылка с изображением не работает, перезалейте по возможности)

0

5

http://s4.uploads.ru/t/ntciU.png

Отредактировано Любовь (2013-08-21 23:56:12)

0

6

Можно просто блоками , как на верху нарисовано.   И еще возможно сделать вот так?

Отредактировано Любовь (2013-08-21 21:29:35)

0

7

http://www.philippejentgen.com/mpower/index.html
верхняя часть получается ввиде шапки, а нижняя в конце, а галерея под шапкой.

Отредактировано Любовь (2013-08-21 21:32:51)

0

8

Любовь
Вы хотите, что бы изображения подгружались с определенной темы или настраивались ссылками в администрировании?

0

9

Anonymous написал(а):

Любовь
Вы хотите, что бы изображения подгружались с определенной темы или настраивались ссылками в администрировании?

ссылками

0

10

Любовь
Такое пойдет? DEMO

Отредактировано Anonymous (2013-08-23 14:17:08)

0

11

Вполне

0

12

Любовь
Если есть какие-то пожелания, я могу переделать.

0

13

Не все норм =)

0

14

В Html-верх:

Код:
<style type="text/css">
.gallery {
  float: left;
  clear: none;
  padding-bottom: 5px; 
  padding-right: 5px; 
  background: rgb(51, 51, 51);
  border: 8px solid #fafafa;
  box-shadow: 0 0 5px rgba(51,51,51,0.1);
  background: white;
  margin-right: 20px;
}

.gallery a { 
  display:block;
  text-decoration: none;
}

.gallery a:hover{ 
  position:relative;
}

.gallery span img {
  border: 1px solid #FFFFFF; 
  margin-bottom: 8px; 
}

.gallery a span {  
  position: absolute;
  display:none;
  color: #000; 
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; /
  background-color: #000000;
  font-weight: bold;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 13px;
  padding-left: 10px;
  background: rgb(51, 51, 51);
  border: 8px solid #fafafa;
  box-shadow: 0 0 5px rgba(51,51,51,0.1);
  background: white;
}

.gallery img { 
  border-width: 0;
}

.gallery a:hover span { 
  display:block;
  top: 50px; 
  left: 90px; 
  z-index: 100;
}

.resize_thumb {
  width: 150px;
  height : auto;
}
</style>

В Объявление:

<div class="gallery"><a
href="#"><img
src="Ссылка на маленькую картинку" /><span>
    <img src="Ссылка на большую картинку"
alt="large" /><br />
    Текст под большой всплывающей картинкой.</span></a></div>

Код можно размножать в зависимости от кол-ва картинок.

+1

15

Большое спасибо.

0

16

Еще один вопрос можно переделать скрипт, чтобы последние картинки в галерее при наведении показывали так же большую, а не край картинки. http://mpower.freeff.ru/ и по пол картинки показывает 3 последних если ставить их в большом формате.

Отредактировано Любовь (2013-08-23 23:07:08)

0

17

Любовь
Какой у вас браузер?
У меня все шикарно отображается.

0

18

А что-то вроде видео галереи можно сделать? Заранее спасибо.

0

19

Любовь
Т.е. картинки, при клике всплывающее окно с видео?
Завтра напишу.

0

20

Anonymous написал(а):

Любовь
Т.е. картинки, при клике всплывающее окно с видео?
Завтра напишу.

Хочу сделать видео галерею внизу сайта, это возможно будет?

0