Skrypt do prezentowania różnic między dwoma obrazkami | DailyWeb.pl - codziennie o sieci

Skrypt do prezentowania różnic między dwoma obrazkami

Opublikowano 4 lata temu -


W jaki sposób wygodnie zaprezentować różnice między dwoma obrazkami? Bez zbędnych cudów wystarczy je umieścić obok siebie, banał. Czy możliwym jest by z wykorzystaniem dobrodziejstw dostępnych webowych narzędzi, zaprezentować różnice w jeszcze wygodniejszy sposób? Naturalnie, będziecie potrzebować skryptu o niebanalnej nazwie TwentyTwenty.

Skrypt nakłada dwa obrazki na siebie, generuje suwak, który zależnie od jego przesunięcia przedstawia pierwszy lub drugi obrazek. Cholernie wygodne i cholernie proste w instalacji. Wystarczy zaimplementować bibliotekę TwentyTwenty w kodzie strony i wywołać funkcję za pomocą div'a. Banalne, prawda?

Demo Pobierz