Beste mensen,
Ik zit met een probleempje met betrekking tot Flash i.c.m. HTML.
De situatie: Ik heb een 3 koloms layout in een tabel. De 1e twee kolommen zijn gevuld met content waar ook links in voorkomen. In de 3e kolom zit een Flashfilmpje met het beruchte page flipping element erin (officieel gekocht bij http://www.flippingbook.com).
Aangezien dit Flashfilmpje naar links 'openklapt' heb ik het filmpje in een DIV gezet die absoluut staat gepositioneerd t.o.v. de tabelcel. Deze heeft een negatieve margin aan de linkerkant (margin-left: -160px). Als het boek dicht zit, zie de content (de achtergrond van het Flashfilmpje is transparant). Als je hem openklapt dan schuift de pagina over de content heen.
Het is een leuke speledingetje, alleen het lullige is nu dat je de links die onder de DIV zitten met het Flashfilmpje erin niet meer kan aanklikken, doordat de DIV over de content gepositioneerd staat.
Ik ben aan het proberen om de DIV dynamisch te verbreden (dus een onmousover actie als je over het boekje heengaat zodat de marge naar links verplaatst wordt), maar dat brengt ook issues met zich mee, want een onmouseout is lastig te bepalen, want de DIV mag niet verkleinen als het boekje 'openstaat'.
Het is wat lastig uitleggen en ik heb helaas nog geen testcase voor jullie (de website zelf is afgeschermd op basis van IP ranges), maar als ik er helemaal niet uitkom dan probeer ik even wat online te knikkeren voor jullie.
Een kleine testcase staat online: http://junk.density.nl/test.html.
Als iemand nog alternatieve ideeën heeft om dit op te lossen of specifieke vragen heeft over bovenstaand verhaal, dan hoor ik dat graag!
Ik zit met een probleempje met betrekking tot Flash i.c.m. HTML.
De situatie: Ik heb een 3 koloms layout in een tabel. De 1e twee kolommen zijn gevuld met content waar ook links in voorkomen. In de 3e kolom zit een Flashfilmpje met het beruchte page flipping element erin (officieel gekocht bij http://www.flippingbook.com).
Aangezien dit Flashfilmpje naar links 'openklapt' heb ik het filmpje in een DIV gezet die absoluut staat gepositioneerd t.o.v. de tabelcel. Deze heeft een negatieve margin aan de linkerkant (margin-left: -160px). Als het boek dicht zit, zie de content (de achtergrond van het Flashfilmpje is transparant). Als je hem openklapt dan schuift de pagina over de content heen.
Het is een leuke speledingetje, alleen het lullige is nu dat je de links die onder de DIV zitten met het Flashfilmpje erin niet meer kan aanklikken, doordat de DIV over de content gepositioneerd staat.
Ik ben aan het proberen om de DIV dynamisch te verbreden (dus een onmousover actie als je over het boekje heengaat zodat de marge naar links verplaatst wordt), maar dat brengt ook issues met zich mee, want een onmouseout is lastig te bepalen, want de DIV mag niet verkleinen als het boekje 'openstaat'.
Het is wat lastig uitleggen en ik heb helaas nog geen testcase voor jullie (de website zelf is afgeschermd op basis van IP ranges), maar als ik er helemaal niet uitkom dan probeer ik even wat online te knikkeren voor jullie.
Een kleine testcase staat online: http://junk.density.nl/test.html.
Als iemand nog alternatieve ideeën heeft om dit op te lossen of specifieke vragen heeft over bovenstaand verhaal, dan hoor ik dat graag!
[ Voor 4% gewijzigd door 1st_Ro op 23-05-2005 10:40 ]