Websites with fullscreen image background
- Started
- Last post
- 52 Responses
- D_Dot0
Not flash but I love the simplicity of this site:
http://ringvemedia.com/The photos section works smoothly as well.
http://ringvemedia.com/beijing-p…
- felizfeliz0
To do it in flash use my simple code which always fills the screen with your image and maintains aspect ratio. just put your backgound image in a movieclip called "bg_mc":
Stage.scaleMode = "noScale";
Stage.align = "TL";
bg_mc.onResize = function() {
this._x = 0;
this._y = 0;
if (Stage.width === Stage.height) {
}else{
if (Stage.width < Stage.height){
this._height = Stage.height;
this._xscale = this._yscale;
if(this._width < Stage.width){
this._width = Stage.width;
this._yscale = this._xscale;
}
}else{
this._width = Stage.width;
this._yscale = this._xscale;
if(this._height < Stage.height){
this._height = Stage.height;
this._xscale = this._yscale
}
}
}
};
Stage.addListener(bg_mc);
bg_mc.onResize();- nice but cud do with a small code to smooth the image if enlarged too muchWeLoveNoise
- that's your code? nice one. and there was me thinking that was just how everyone did it.skt
- in your library set the image to 'allow smoothing'.felizfeliz
- doesnotexist0
- you should move your < > next to the 1/4...or at least duplicate it. just a thought. i completely missed them.lvl_13
- in case that didn't make sense, you should move your previous/next buttons next to the total # of images in each work.lvl_13
- ...piece of worklvl_13
- yeah I should, good call.doesnotexist
- felizfeliz0
http://paulhanger.net needs to set his background image to "allow smoothing" or in actionscript ".forceSmoothing = true;"
- craighooper0
Many of the projects by: http://www.analogue.ca
- WeLoveNoise0
* doesnotexist
what are the BG dimensions you set for http://paulhanger.net
- WeLoveNoise0
* bump
- OSFA0
btw, can this be achieved without flash? How?
- OSFA0
curious bump...
- gabe0
site i did for my fiancé. the photos are fullscreen/background image style.
- kulor0
There are a ton of full background image examples on siteInspire, some are Flash; some CSS:
- OSFA0
very nice Gabe! (w/all/respek your girl too) But you used flash?
I always knew chicks dig web designers...
- OSFA0
btw dude, I see you updated your site. Beautiful work!
- d_rek0
developing a a site with a fullscreen bg at work right now, will post when it's finished ;D
- cirquemedia0
I've always loved this firm's work (from Australia):