Zoek een online foto cross-fader tussen 2 foto's

[Robonus]

Mijn vraag:

Ik ben op zoek naar een online tool waar je 2 (bijna) dezelfde foto's met een cross-fade kan vergelijken zoals in dit voorbeeld: http://web.uvic.ca/~msanseve/testwipe/fade.html

Er zijn wel tools te vinden waar je 2 foto's kan uploaden en dan met een slider tussen de foto's kan schuiven maar ik zoek een cross-fader.

Doel: Het lijkt me mooi om WO2 luchtfoto's van ons dorp te cross-faden met luchtfoto's anno nu en online te delen. Door te cross faden kan je ze ook half-transparant over elkaar zien.

Mocht iemand een tool weten die dit kan hoor ik het graag. Helemaal mooi zou het zijn als je ze in dezelfde online tool ook nog boven elkaar kan schuiven/verschalen/positioneren. Anders kan ik dat evt ook los doen.

[F_J_K]

Als het geen functie is van Windows zelf dan heeft het weinig van doen met Windows Clients dus ik ga het even verplaatsen naar CSA

Maar, je hebt door je voorbeeld te noemen toch al een oplossing? Bekijk er de broncode van en pas aan (als dat qua auteursrecht mag, natuurlijk: check de licentie. Licensed under the MIT license (http://mit-license.org/ dus lijkt me geen probleem).

Of zoek je een kant-en-klaar webbased site, een tool die je op een eigen website kunt zetten, iets anders? Wat is je budget per maand?

[SinergyX]

http://web.uvic.ca/~msanseve/testwipe/
Daar is toch alles prima te vinden? Die leegtrekken, aanpassen van bestanden/foto's en je bent klaar.

[Robonus]

Ah, dan had ik 'm perongeluk in het verkeerde topic gezet. Bedankt voor het verplaatsen naar de goeie locatie.

Ik ben zelf niet zo handig met HTML of websites, maar ik had als ander voorbeeldje deze site:
https://juxtapose.knightlab.com/#preview-embed

Daar kan je zelf 2 foto's uploaden, en die published een link die je kan delen waarbij je hetzelfde idee hebt maar dan met een slider. Kant en klaar, hoef je niks meer aan te doen. Als voorbeeldje van het standaard published result:
https://cdn.knightlab.com...a7-11ec-abb7-b9a7ff2ee17c


Dat principe was ik naar op zoek, maar dan met cross-fade in plaats van een slider. Ik had zelf al gegoogled maar kan niet zoiets vinden maar weet niet of ik de goeie zoektermen gebruik. Ik hoopte dat wellicht hier zoiets ooit is tegen gekomen en dat kon delen.

Zelf gaan rommelen met code is helaas te hoog gegrepen voor mij.

Bedankt iig voor het meedenken! Wordt gewaardeerd


Edit,
Toch éven gekeken naar de html code, maar als ik alleen de 2 foto's vervang door anderen, en ik sla 'm op als HTML site dan komen de foto's boven elkaar te staan en is de slider weg

[ Voor 16% gewijzigd door Robonus op 20-08-2021 13:22 ]

[SinergyX]

Sla je de CSS ook wel correct op in de juiste mappen?

Edit, net even getest, alles netjes downloaden en hij werkt hier lokaal prima.

[ Voor 43% gewijzigd door SinergyX op 20-08-2021 14:13 ]

[Robonus]

Ha! Cool dat het wel kan werken, daarom zei ik in eerste instantie dat ik niet zo goed met code/HTML ben ;-)
Ik had de paginabron weergegeven, in kladblok padnaam naar 2 online foto's veranderd en opgeslagen op m'n desktop als test.html. Had al het idee dat dat te simpel zou zijn. Heb ooit bij informatica in 2 havo (in 2001) met html een website leren bouwen maar daar is het ook bij gebleven. CSS zegt me al niks ;-)