Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> skrypt porównania zdjęcia, Skrypt umożliwiający pokazania zdjęcia w dwóch ujęciach naraz
metawerke
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 30.01.2013

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
lukasz_os
post
Post #2





Grupa: Zarejestrowani
Postów: 203
Pomógł: 55
Dołączył: 23.11.2008
Skąd: UKF

Ostrzeżenie: (0%)
-----

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

[HTML] pobierz, plaintext 
  1. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script>
  2. <script>
  3.     $().ready(function(){
  4.         var width=$('.image2').width();
  5.         width=width/2;
  6.         $('.image2').width(width);
  7.         $('.image').bind('mousemove',function(e){
  8.            var x = e.pageX;
  9.            $('.image2').width(x);
  10.         });
  11.     });
  12. </script>
  13. <style>
  14.     .image{ background:url('1.jpg');width:600px;height:200px;position:absolute;z-index:0}
  15.     .image2{ background:url('2.jpg');width:600px;height:200px;position:absolute;z-index:10;overflow:hidden}
  16. </style>
  17. </head>
  18. <body>
  19.     <div class="image">
  20.         <div class="image2"></div>
  21.     </div>
  22. </body>
[HTML] pobierz, plaintext


--------------------
Pomagam jeśli mam czas oraz jak się na tym znam :D
Go to the top of the page
+Quote Post
metawerke
post
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 30.01.2013

Ostrzeżenie: (0%)
-----

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:)
Go to the top of the page
+Quote Post
spayk
post
Post #4





Grupa: Zarejestrowani
Postów: 364
Pomógł: 3
Dołączył: 29.11.2008

Ostrzeżenie: (0%)
-----

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

tutaj inna wersja
Go to the top of the page
+Quote Post
« Następny starszy · Szukam · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 06:34
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn