Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Samsagriz
2 / 2 / 2
Регистрация: 23.09.2012
Сообщений: 98
#1

Фотогалерея на jquery - jQuery

06.12.2013, 23:22. Просмотров 236. Ответов 0
Метки нет (Все метки)

Нашел вот тут подходящий и интересный пример галереи для сайта (переход от черно-белого изображения к цветному).
Мне непонятны две вещи - как добавить к этому скрипту еще и увеличение изображения по клику (тоже плавное естественно) - отдельный плагин подключать или что?
И второе с самим скриптом. У меня он должен находиться в блоке #text - там, где весь контент на сайте располагается. Выглядит он обычно:

CSS
1
2
3
4
5
6
#text {
    position: relative;
    width: 750px;
    height: auto;
    margin: 0;
}
Вот галерея:

Кликните здесь для просмотра всего текста
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#wrapper {
    width: 650px;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
}
 
.gallery li {
    float: left;
    margin-right: 20px;
    list-style-type: none;
    margin-bottom: 20px;
    display: block;
    height: 130px;
    width: 130px;
    position: relative;
}
 
img.grey {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
 
img.color {
    position: absolute;
    left: 0; top: 0;
}


Не могу понять почему вся галерея находится поверх блока #text. Т.е. если я увеличиваю ее в высоту, добавляя больше изображений, растягивается #wrapper, а #text в котором он находится остается в прежнем виде. В результате галерея перекрывает все, включая подвал, который за неимением текста тоже остается выше. Может дело в позиционировании? Но в настройках галереи говорится, что например, позиционирование в .gallery li должно быть обязательно абсолютным. А может и не в нем дело. Прошу помощи.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
06.12.2013, 23:22
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Фотогалерея на jquery (jQuery):

Простая фотогалерея на jQuery
как реализовать может кто делал такую вот все исходники фото открывается в...

Конфликт JQuery (слайдер и фотогалерея )
Хочу использовать одновременно на одной странице слайдер и...

Фотогалерея.
Я делаю оч-оч-оч простую фотогалерею!Как сделать что-бы при клике на фотографию...

Фотогалерея
Добрый вечер...хочу сделать фотогалерею на своем сайте, не знаю как по форуму...

лезет фотогалерея
Ребят, такая вот бида, есть сайт: http://kuxarok.net/pervoe-bludo/ когда...

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

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
06.12.2013, 23:22
Привет! Вот еще темы с решениями:

Фотогалерея на javascript
Всем привет! Подскажите пожалуйста, как сделать вот такую галерею: Есть...

фотогалерея WebGL
Подскажите пожалуйста! Проблема такая: создаю фото галерею в WebGL в виде...

фотогалерея, замечания и наставления
Всем привет Я вот некоторое время занимался вебсайтам и в частности...

Фотогалерея для сайта
Сделал фотогалерею как показано на сайте...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru