Question

How do i automatically resize Fonts and Images (complete Website) on window-resize?
The people will have different screen-res.

css? jquery? html % (didnt work well in chrome)

I need to make a slideshow (presentaion, slides are made with ckeditor)

Answer 1

Here I created a jQuery script to adjust the font-size and img width. This triggers on page load and on window resize based on a percentage of the width of the browser.

Demo: http://jsfiddle.net/Crndp/4/

$(document).ready(function() {

    fontSize();
    imgSize();

    $(window).resize(function() {
        fontSize();
        imgSize();
    });

    function fontSize() {
        $ww = $(window).width();
        $fontSize = ($ww / 25) + 'pt';
        $('body').css("font-size", $fontSize);
    }

    function imgSize() {
        $ww = $(window).width();
        $imgSize = ($ww / 5) + 'px';
        $('body img').css("width", $imgSize);    
    }

});

You can get more complex with the math on the image resizing based on your needs however this is the basic idea.