I'd like to create a jQuery function that accepts an image url, and when executed, displays the image full screen matching the height and width of the current page.
Thanks.
views:
214answers:
1
+5
A:
.css({height:'100%',width:'100%', position:'fixed', top:0, left:0});
You can use animation too.
.animate({height:'100%',width:'100%', position:'absolute', top:0, left:0});
Look here for reference.
Mendy
2010-02-01 04:11:34
the outer {} should be (), but otherwise correct.
Mike Sherov
2010-02-01 04:13:14
IE6 doesn't support `fixed` positioning. `absolute` might be enough, though.
Brian McKenna
2010-02-01 04:14:11
hi mendy, i am new to JQuery and i also need to implement same functionality... can you please provide syntax to use animation??
Radhi
2010-02-01 04:14:21
@Mike thanks. @Brian true. @Radhi sure.
Mendy
2010-02-01 04:17:03
Hi -- When I do this, I still see the scroll bars from the page that is underneath the image. How can I remove them, and then re-apply them when the image come back ? Thanks.
ensnare
2010-02-01 04:42:24
You can use Overflow:'hidden' in the body tag.
Mendy
2010-02-01 05:43:53
Thanks! Any way to get the height/width to stay in proportion? Right now it's stretching the image.
ensnare
2010-02-01 06:30:33