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

[Genfald]

Добрый день, подскажите пожалуйста галлерею на WP с возможностью замены изображения по клику. Для просмотра ссылки Войди или Зарегистрируйся - как тут сделано.
безумно благодарен за любую помощь в этом вопросе.

 

[Skorp1oN]

bitvolution-image-galleria - думаю то что вам нужно

 

[Genfald]

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

 

[iferov]

Наверное тебе нужно вот это

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

 

[iferov]

Я этот плагин не использую.Нашел другой намного красивее.По ссылке его можно скачать.

Спойлер

Для просмотра ссылки Войди или Зарегистрируйся [/spoil]
Скачиваешь этот архив и кидаешь его в корень папки.
Далее для них идет один и тот же код.Создаешь в wordpress новую запись и вставляешь через html редактор вот этот код
[spoil]

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/>