Archief - Flash animaties in Wordpress, maar dan zonder flash

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Dancing Lobster

Legacy Member
Hey all,

Klein vraagje. Mijn pa heeft een website, waarvan de home pagina volledig in flash gemaakt is. Geen al te zotte animaties, maar gewoon een aantal foto's met een leuk effectje als je erover gaat met je muis. Ook op andere pagina's zijn kleine flash animaties te vinden, al zijn die pagina's niet helemaal in flash opgebouwd.

Allemaal leuk en mooi, maar Google en iOs vinden flash niet zo leuk... (hoe zit het trouwens met Android, kan die flash lezen?)

Momenteel heeft mijn pa geen content management systeem (hij gebruikt MacroMedia Dreamweaver, dacht ik). Binnenkort wil hij dit echter veranderen, en de site naar Wordpress overzetten.

Dat lijkt ons het ideale moment om de site op vlak van SEO onder de loop te nemen en om ervoor te zorgen dat hij ook op tablets en op smartphones beter leesbaar is.

Dus vandaar mijn vraag: hoe krijgen we dezelfde animaties in Wordpress, maar dan zonder flash? Bestaat er een alternatief voor flash? Of is er een alternatief, kunnen we de flash animaties behouden maar ervoor zorgen dat dit geen negatief effect heeft op de Google ranking en dat we de site ook mobiel goed kunnen bekijken?

Alvast bedankt!

dJeez

Legacy Member
Wat bedoel je met "een leuk effectje"? Iets als van grijswaarden naar kleur faden? In/uitschuiven? Een carousel? ...

Er is alvast veel mogelijk met pure CSS/HTML, al dan niet in combinatie met wat Javascript.

Scissor

Legacy Member
Ik denk dat je bijna alles kan namaken in jQuery etc. Link naar de website zou idd handig zijn, dan krijg je hier mss wel een linkje van iemand naar een makkelijke plugin ofzo.

Dancing Lobster

Legacy Member
Het gaat om deze website: solluna

Als je over de afbeeldingen gaat zie je een klein effect. Als je doorklikt op massage, en je gaat links door het menu met je muis zie je verschillende afbeeldingen verschijnen.

Allemaal kleine effectjes, maar ze maken de website een stuk mooier :)

Dancing Lobster

Legacy Member
Zijn jQuery en CSS3 moeilijk om te leren, als je flash kent? Ik weet niet hoe ver de kennis van mijn pa reikt, maar zijn kennis op vlak van website deveplopment is redelijk beperkt?

Scissor

Legacy Member
Je kan met css idd al een heel pak namaken. Css is vrij eazy om te leren. In essentie is css een bestandje dat je met je site meegeeft waar je bepaalde opmaak gaat meegeven aan bepaalde elementen.
Je geeft vb. die images waar een bepaalde class ("class:imagelink") en dan zeg je in je css:

Code:
.imagelink: hover 
{
opacity: 0.4;
}

dat geeft een gelijkaardig effectje.

btw, en dat is niet slecht bedoeld, maar ik vind het wel een beetje grappig dat je pa zich zorgen maakt over de flash effectjes voor een site die er op zich eigenlijk nogal "rommel" uitziet. Een paar kleine tips: de plaatsaanduiding kan je perfect op google-maps doen, is leuker voor de bezoeker omdat die dan meteen google streetview etc. kan gebruiken. Kleur-schema is nogal jaren 90, je menu aan de linkerzijde is bij elke pagina anders terwijl dat eigenlijk een navigatie-menu zou moeten zijn,...Aangezien je toch in wordpress bezig bent, geen slecht idee om eens te kijken naar de gratis of betalende templates die er zijn. Gaat je een pak "professioneler" doen overkomen.

el_lapino

Legacy Member
De meeste wordpress thema's maken reeds gebruik van css styles en je kan dat dus eigenlijk heel gemakkelijk implementeren. Het stukje code van Scissor zorgt wel enkel voor een nieuw prentje als je er over beweegt met je muis. Om een gelijkaardige transitie tussen de 2 afbeeldingen te verkrijgen zoals je die nu hebt, zal je -denk ik- wel javascript of JQuery moeten gebruiken wat een stuk uitdagender is.

Dancing Lobster

Legacy Member
Thanks voor de reacties :). Dan zal men pa eens naar JQuery of Javascript moeten kijken denk ik.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan