Warning: include(/mounted-storage/home123a/sub008/sc69199-RHYL/www/eriksendigital.no/wp-content/plugins/wp-super-cache/wp-cache-base.php): failed to open stream: No such file or directory in /storage/content/36/1002936/eriksen.digital/public_html/wp-content/plugins/wp-super-cache/wp-cache.php on line 53 Warning: include(/mounted-storage/home123a/sub008/sc69199-RHYL/www/eriksendigital.no/wp-content/plugins/wp-super-cache/wp-cache-base.php): failed to open stream: No such file or directory in /storage/content/36/1002936/eriksen.digital/public_html/wp-content/plugins/wp-super-cache/wp-cache.php on line 53 Warning: include(): Failed opening '/mounted-storage/home123a/sub008/sc69199-RHYL/www/eriksendigital.no/wp-content/plugins/wp-super-cache/wp-cache-base.php' for inclusion (include_path='.:/usr/local/php54/lib/php:/storage/content/36/1002936/pear/php') in /storage/content/36/1002936/eriksen.digital/public_html/wp-content/plugins/wp-super-cache/wp-cache.php on line 53 Warning: include_once(/mounted-storage/home123a/sub008/sc69199-RHYL/www/eriksendigital.no/wp-content/plugins/wp-super-cache/ossdl-cdn.php): failed to open stream: No such file or directory in /storage/content/36/1002936/eriksen.digital/public_html/wp-content/plugins/wp-super-cache/wp-cache.php on line 70 Warning: include_once(): Failed opening '/mounted-storage/home123a/sub008/sc69199-RHYL/www/eriksendigital.no/wp-content/plugins/wp-super-cache/ossdl-cdn.php' for inclusion (include_path='.:/usr/local/php54/lib/php:/storage/content/36/1002936/pear/php') in /storage/content/36/1002936/eriksen.digital/public_html/wp-content/plugins/wp-super-cache/wp-cache.php on line 70 Mona & Maria animation - Eriksen Digital

Mona & Maria animation

Efter en brainstorm med artisterne Mona & Maria, fandt jeg ud af at det kunne være spænende at prøve at lave en interaktiv version af deres pladecover. Deres cover, er som i kan se, 2 billeder der er lagt oven på hinanden. Det jeg gerne ville prøve var at gøre så man ved hjælp af musen kunne bestemme hvilket billede man skulle se, samt gøre overgangen fin. Opgaven blev løst via Html og Css3. Ydermere ville jeg kunne aktivere funktionen fra et element som kunne ligge uden for billederne. Her fik jeg hjælp af et lille jquery script som kan skifte “class” på et “div” når man aktiverer “hover”.

Se eksperiment

Er usikker på hvordan jeg skal bruge denne animation, det må fremtiden vise.

Tags: , , ,