refresh on ipad rotate ?

refresh on ipad rotate ?

hello.

i have a simple fade effect for ipad .

is it possible to make the image disapear and fade in again if the ipad is rotated from landscape to portrait or vice versa ?

also,

how would i make a fade repeat in and out constantly

this is my code.

  1. $(function(){ 

        $('.logo img, .tag1 img, .tag2 img').hide();
       
        $('.logo img').each(function(i) {
            if (this.complete) {
                $(this).delay(500).fadeIn(3000);
            } else {
                $(this).load(function() {
                    $(this).delay(500).fadeIn(3000);
                });
            }
        });
           
        $('.tag1 img, .tag2 img').each(function(i) {
            if (this.complete) {
                $(this).delay(2200).fadeIn(3000);
            } else {
                $(this).load(function() {
                    $(this).delay(2200).fadeIn(3000);
                });
            }
        });
       
    });
























  1. <div id="wrapper">
            <div id="portrait" style="width: 768px; height: 1004px;">
                <div class="logo"><img src="assets/images/logo_fr.png" alt="logo"></div>
                <div class="tag1"><img src="assets/images/tag.png" alt="tag"></div>
            </div>
            <div id="landscape" style="width: 1024px; height: 748px;">
                <div class="logo"><img src="assets/images/logo_fr.png" alt="logo"></div>
                <div class="tag2"><img src="assets/images/tag.png" alt="tag"></div>
            </div>
        </div>










thanks
ricky