Forum PHP.pl > skrypt porównania zdjęcia

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam

metawerke

30.01.2013, 16:26:55

Hej,

znalazłem ciekawy skrypt:
http://wiadomosci.onet.pl/regionalne/krako...BQX__w.facebook

Czy ktoś wie jak to jest zrobione? Chciałbym zrobić podobną rzecz o moim mieście...

pozdrawiam

lukasz_os

30.01.2013, 17:21:58

Możesz sobie to ładnie ostylować czy coś.

[HTML] pobierz, plaintext 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script>
<script>
    $().ready(function(){
        var width=$('.image2').width();
        width=width/2;
        $('.image2').width(width);
        $('.image').bind('mousemove',function(e){
           var x = e.pageX;
           $('.image2').width(x);
        });
    });
</script>
<style>
    .image{ background:url('1.jpg');width:600px;height:200px;position:absolute;z-index:0}
    .image2{ background:url('2.jpg');width:600px;height:200px;position:absolute;z-index:10;overflow:hidden}
</style>
</head>
<body>
    <div class="image">
        <div class="image2"></div>
    </div>
</body>
[HTML] pobierz, plaintext

metawerke

5.02.2013, 19:28:49

Bardzo Ci dziękuję! Po poszukiwaniach w internecie dowiedziałem się, że nazywa się to Before and After.

http://www.catchmyfame.com/2009/06/25/jque...reafter-plugin/

Gotowy skrypt dla zainteresowanych jest tutaj:)

spayk

9.02.2013, 23:43:28

http://www.queness.com/post/6480/create-an...ect-with-jquery

tutaj inna wersja

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.