PDA

Zobacz pełną wersję : Jak zrobić efekt Before @ After?



Vinci
25-09-2011, 14:31
Mam pytanie , pewnie banalne, ale jak zrobić efekt B@A na stronie. Chodzi mi o coś takiego, jak choćby to podane przez Piotra Szmidta w sąsiednim poście (mam nadzieję, że nie pogniewa się za wykorzystanie fotografii jako przykładu)
http://beforeandafter.pl/retusz_twarz/

Oczyścicie nie chodzi mi o tutorial wygładzania cery :), ale o efekt rollover na stronie (czy jak to się tak się to nazywa?)

Irwusek
25-09-2011, 14:44
http://beforeandafter.pl/ ?

Vinci
25-09-2011, 15:05
:grin: taa, na to nie wpadłem. Wielkie dzięki :D.
Zastanawiam się jednak jak długo zdjęcia leżą tam na serwerze i czy będą otwierały się za rok czy dwa.
Ale już chyba znalazłem fragment kodu, wieczorkiem postaram się podłubać przy joomli, bo wolałbym takie zdjęcie mieć tak gdzie hostuję stronę.

Irwusek
25-09-2011, 17:01
w internecie jest parę skryptów z taka sama zasada działania :)

adrian9627
27-09-2011, 19:41
wystarczy wpisać odpowiednią formułę choćby i w języku html....prosta podmiana zdjęcia po najechaniu kursorem ; ]

bocia
08-11-2011, 11:28
bardzo fajna strona wystarczy dać oby dwie wersje zdjęcia ;] tylko ciekawe ile czasu to tam pozostanie...

mOSAd
25-12-2011, 21:05
Wybierz z przeglądarki opcję wyświetlenia kodu (źródła) strony. Skopiuj sobie na własne potrzeby. Podmień obrazki. I tyle.
Oczywiście mowa o umieszczeniu kodu w pliku na serwerze www. Czy to darmowym, czy płatnym. A jeżeli niewiele kumasz z tego co napisałem, to rzeczywiście jedyną opcją jest skorzystanie z ww. strony.

Vinci
22-01-2012, 13:23
Dzięki mOSAd za podpowiedź, coś tam kumam popróbuję z tym kodem

prz3mo
22-01-2012, 15:41
Widziałem na kilku stronach taki fajny suwak, którym suwało się po zdjęciu i odkrywało wyretuszowaną część...
Nie wiem jednak czy ten mechanizm był darmowy. Kurcze, nie pamiętam adresów tych stron...

iunika
22-01-2012, 17:39
Tutaj masz wyjaśnione jak to zrobić.

http://webinside.pl/artykul-424-framework-jquery--animowany-efekt-mouseover.html

Michał Jędrak
26-01-2012, 00:39
Do wordpressa też jest plugin o podobnym działaniu. Na zdjęciu jest linia, którą można przesuwać na boki aby widzieć przed/po

marszull
26-01-2012, 01:58
a czy ktos by napisal taki skrypt na strone ktora by dzialala jak z pierwszego posta, tylko jako galeria
tzn.
mam jakas strone nazwijmy ja "administracyjna"
wpisuje tytul galerii, laduje zdjecia 1a i 1b, 2a i 2b, 3a i 3b
wciskam gotowe i pod okreslonym adresem (podstrona) pojawia sie galeria
a pozniej to samo i pojawia sie nastepna galeria itd
jak ktos bedzie mial pomysl i checi prosze o kontakt wraz z cena (dobrze bylo z faktura vat)

prz3mo
28-01-2012, 19:03
Do wordpressa też jest plugin o podobnym działaniu. Na zdjęciu jest linia, którą można przesuwać na boki aby widzieć przed/po

Pamiętasz może nazwę tego pluginu?

clusca
03-02-2012, 10:39
Pamiętasz może nazwę tego pluginu?

Chyba o to chodzi: http://wordpress.org/extend/plugins/before-after/. I jeszcze blog autora http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/.