Фото 18+

Пометка/заглушка для фото

#1 4 января 2013 в 12:10

Компонент Фотогалерея по умолчанию не имеет возможности отмечать фотографии "для взрослых", или ставить заглушку. Кто-нибудь ставил перед собой задачу реализовать такой функционал? В идеале — при клике на фото, появляется модальное окно с подтверждением, что вам 18 лет и более, и вы можете просматривать фотографии.

Прикрепленный файл

modalwindow18_p8inv.jpg 181 Кб

#2 4 января 2013 в 13:53

вроде бы ничего сложного, добавить в таблицу картинок (или фотогалерей) 1 поле: adult;
потом проверять, если показываем адалт, то спрашивать пользователя. ну и при ответе "да" в куки записывать, или в настройках профиля.
по профилю, кстати, тоже можно проверку сделать, там же есть дата рождения

#3 4 января 2013 в 21:39

Сделал так foto-leo.ru/photos/100

Сегодня в 06:22

#4 4 января 2013 в 22:37

А что за галерея такая интересная?

Петрмаг

#5 5 января 2013 в 10:41

вроде бы ничего сложного, добавить в таблицу...
Cruzka

Для меня сложновато. Подобное не реализовывал, а времени на изучение нет. Нужно готовое решение. Но все равно, спасибо за ответ!

Сделал так
IngDesign

Что решение есть, я даже и не сомневаюсь) Вопрос в том, как это сделать!) Был бы признателен, если бы вы поделились с нами пошаговой инструкцией.

#6 5 января 2013 в 15:37

ТОЖЕ ИНТЕРЕСЕН СЕЙ МОМЕНТ

#7 13 января 2013 в 01:07

Cheshir

Присоединяюсь!

#8 13 января 2013 в 07:33

+ поставил — ждём ответа!

век живи - два учись...

#9 14 января 2013 в 15:05

+ тоже буду ждать, у меня пока получилось очень криво scratch

Брал с чужого форума:

CODE (html):

<body>
        <!-- ... код вашей страницы -->
 
        <div id="overlay"></div>
        <div id="popup">
                <h1>DANGER!!! 18+ only!!!</h1>
                <button id="popup_ok">Yes</button>
                <button id="popup_no">No</button>
        </div>
 
</body>

CODE (javascript):

$(document).ready(function(){
        $('#popup_ok').click(function(){
                $('#overlay').hide();
                $('#popup').hide();
        });
        $('#popup_no').click(function(){
                location.href = 'http://yandex.ru';
        });
});

CODE (css):

#overlay {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.8);
}
#popup {
        width: 500px;
        height: 300px;
        position: fixed;
        left: 50%;
        top: 50%;
        margin: -150px 0 0 -250px;
        background: white;
        color: black;
}

Не чего не менял!

Доска объявлений, нормальный U

Каталог недвижимости

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Фото 18+

Похожие темы

Ширина в мобильных устройствах и фото

Проблема с отображением раздела фотоальбомы

Фото в модальном окне

фото - общие альбомы

Водяной знак на фото

Загрузка фотографий

InstantCMS Team

О проекте

Поддержка

Дополнения