fullscreen foto achtergrond

[martie molenaar]

Beste FFérs,

Ik laadt extern een foto in en wil dat deze zich aanpast aan het volledige browser.

Het werkt op zich wel maar als de breedte minder is dan de hoogte ga je onder een steeds groter wit vlak zien. ik wil dat de foto dan gewoon stopt met scalen bijv.

hoe doe ik dit

dit is nu mijn code;

var mcLoader:MovieClipLoader = new MovieClipLoader();
var listener:Object = new Object();

listener.onLoadInit = function(target:MovieClip):Void {

target._width = Stage.width
target._yscale = target._xscale

TweenLite.to(target._parent, 1,{_x:0, ease:Strong.easeOut})
TweenLite.to(latestContainer,1,{_x:-(Stage.width), ease:Strong.easeOut, onComplete:removeLastContainer, onCompleteParams:[latestContainer]});

makingArrow(container)

latestContainer = container;
}

mcLoader.addListener(listener);
mcLoader.loadClip(plaatje, container.photoContainer);

[michelsteege]

zo doe ik het altijd:

if(movieclip._width < Stage.width){
movieclip._width = Stage.width;
movieclip._xscale = movieclip._yscale
}
if(movieclip._height < Stage.height){
movieclip._height = Stage.height;
movieclip._yscale = movieclip._xscale
}

daarmee schaalt die in verhouding tot die scherm vullend is ;)

[martie molenaar]

Maar hij schaalt niet mee als je de browser sleept

[martie molenaar]

Er staat nu alleen als die kleiner is bij beide maar wat als de foto groter is, dan blijft het een super grote foto dus mis je heel veel.

[michelsteege]

ah zo dat is wat je wil, dan hier eerst een artikel over stage resize:
http://www.flashfocus.nl/forum/showthread.php?p=173857#post173857
met dat moet je er wel uit komen voor het schalen als je de browser sleept,

nu over het groter dat is opzich geen probleem dan word het gewoon zo:

movieclip._width = Stage.width;
movieclip._yscale = movieclip._xscale
if(movieclip._height < Stage.height){
movieclip._height = Stage.height;
movieclip._xscale = movieclip._yscale
}

je zet hem hiermee altijd even breed (en hoog) in verhouding als de Stage, maar als na de breedte de hoogte te klein is verhoog je die weer en vereken je het weer met de breedte ;)

[martie molenaar]

thnx, die laatste werkt precies goed, wat echter heel vreemd is, is dat het eerste plaatje dat binnenkomt prima is, druk ik op next dan komt er een nieuw plaatje die ineens niet fullscreen is:S, zou je mij kunnen helpen?

http://martmolenaar.nl/voorbeeld/

De eerste doet het prima, dan komt de tweede die gaat fout. Maar als je dan gaat resizen doet ie het wel weer en ik gebruik dezelfde code.

[michelsteege]

ik zie maar 1 en dezelfde afbeelding telkens... wel een hele vreemde trouwens, maar wat het probleem is als ik het zo hoor dat als je op next drukt je de code niet uitvoert voor het schalen ik denk alleen als je een resize doet ;) dus dan moet je zorgen dat die de code ook gaat doen als je op next drukt :)

nu is het tijd om mijn bed op te zoeken :P

[martie molenaar]

Thnx, ik ga de boel even uitzoeken, bedankt ik elk geval

dit is mijn stageresult;


function stageResult()
{
imageContainer._width = Stage.width;
imageContainer._yscale = imageContainer._xscale
if(imageContainer._height < Stage.height){
imageContainer._height = Stage.height;
imageContainer._xscale = imageContainer._yscale
}
}

[theFlashWizard]

Hey Mart,

Volgens mij komt het omdat je imageContainer schaalt. In deze container zet je voor elk plaatje apart nog een container. (Betere namen zouden dit een stuk duidelijker maken.) Bij next klikken zitten er nog 2 containers in deze imageContainer, hij is daarom breder en zal daarom een ander resultaat geven. Als je de stage nog tijdens de tween resized krijg je hetzelfde resultaat.
Een oplossing kan zijn om de containers apart te resizen.

[martie molenaar]

Ik heb alles in 1 container gedaan omdat ik de foto's in de onderste laag wil. zodat je andere dingen daarboven hebt. Hoe kan ik dit probleem oplossen?

Het vreemde is ook dat het resizen van de browser prima gaat en alles goed gaat ( resizen imagecontainer ) maar het inladen niet.

[theFlashWizard]

De containers in image container per stuk resizen.
Het gaat dan niet goed omdat op het moment van inladen er 2 containers in diezelfde imageContainer zijn. Wanneer je daarna je stageresized is vaak de 2de container alweer verwijdert. (Tenzij je dit heel snel doet).

[martie molenaar]

Maar dat resize ik toch al apart, ik resize de target in de onload init, dat is de container in de imageContainer. Ik kom er niet echt uit omdat het resizen met veranderen van browser goed gaat. Hoe moet ik dan continu alles apart resizen? doe ik dat in de onload init? en hoe resize ik dan binnen de stageresult imageContainer.container?

heb het al denk ik!

[theFlashWizard]

In het voorbeeld dat ik heb gehad in je mailtje resize je in bijde gevallen de imageContainer. (Trouwens erg onhandig dat je dit script 2x hebt gekopieerd, je kan het beter apart zetten in een functie en die vanaf 2 plekken aanroepen.

Hm het is een beetje vervelend dat je in as2.0 niet makkelijk door kinderen heen kan loopen. Hierdoor zul je deze dus zelf moeten onthouden, bijv. in een array met bestaande containers.