[Ищу] Ищу галлерею с возможностью просмотра до и после

Тема в разделе "Wordpress", создана пользователем Genfald, 12 фев 2013.

Статус темы:
Закрыта.
Модераторы: Sorcus
  1. Genfald

    Genfald Постоялец

    Регистр.:
    25 апр 2009
    Сообщения:
    57
    Симпатии:
    4
    Добрый день, подскажите пожалуйста галлерею на WP с возможностью замены изображения по клику. http://alenazolotnikova.com/before_after/ - как тут сделано.
    безумно благодарен за любую помощь в этом вопросе.
     
  2. Skorp1oN

    Skorp1oN

    Регистр.:
    16 дек 2007
    Сообщения:
    368
    Симпатии:
    25
    bitvolution-image-galleria - думаю то что вам нужно
     

    Вложения:

  3. Genfald

    Genfald Постоялец

    Регистр.:
    25 апр 2009
    Сообщения:
    57
    Симпатии:
    4
    quote="Skorp1oN, post: 2080151, member: 45634"]bitvolution-image-galleria - думаю то что вам нужно[/quote]
    Не совсем то, к сожалению. Это просто галерея, а мне нужно именно два заменяющих друг друга изображения
     
  4. iferov

    iferov Писатель

    Регистр.:
    8 сен 2012
    Сообщения:
    4
    Симпатии:
    2
    Наверное тебе нужно вот это


    если не поймешь как вставить,пиши.Этот скритп на jquery.
     
    Genfald нравится это.
  5. iferov

    iferov Писатель

    Регистр.:
    8 сен 2012
    Сообщения:
    4
    Симпатии:
    2
    Я этот плагин не использую.Нашел другой намного красивее.По ссылке его можно скачать.

    Скачиваешь этот архив и кидаешь его в корень папки.
    Далее для них идет один и тот же код.Создаешь в wordpress новую запись и вставляешь через html редактор вот этот код
    Код:
    title>Before After</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.qbeforeafter.js"></script> 
        <script type="text/javascript">
        $(function () {
            $('.pic1').qbeforeafter({defaultgap:50, leftgap:0, rightgap:10, caption: false, reveal: 0.5});
            $('.pic2, .pic3').qbeforeafter({defaultgap:20, leftgap:5, rightgap:10, caption: true});
        });
        </script>
        <link rel="stylesheet" href="qbeforeafter.css" />
        <style type="text/css">
         
            #container {width:800px; margin:0 auto; font-family:arial;}
     
            .pic1 {width:392px; height:294px;}     
            .pic2 {width:272px; height:321px;}     
            .pic3 {width:275px; height:315px;}         
         
        </style>
     
     
         
            <div class="pic2">
                <img src="pic2a.jpg" alt="Before Retouching" width="278" height="321"/>
                <img src="pic2b.jpg" alt="After Retouching" width="278" height="321"/>     
            </div>
     
            <br/>
     
            <div class="pic3">
                <img src="pic3a.jpg" alt="Before Retouching" width="275" height="315"/>
                <img src="pic3b.jpg" alt="After Retouching" width="275" height="315"/>     
            </div>
             
        </div>
     
     
        <br/><br/><br/>
     
Статус темы:
Закрыта.