Iframe responsivo

[KELLIMA]

Olá pessoal!

Preciso da ajuda de vocês. É o seguinte: Tenho um Script com uma tabela para exibição em sequencia aleatória de imagens. Vou usá-la no seguinte site: http://ilhasexy.site...is-maranhao.html Porém, essa tabela (script) está hospedada no seguinte endereço: http://guiavirtualdocohatrac.com.br/. Para colocá-la no site no qual pretendo exibi-la, utilizei o seguinte iframe:

<iframe width='658px' height='1200px' frameborder='0' src='http://guiavirtualdocohatrac.com.br'></iframe>

Até aí tudo bem. O problema é que o site é responsivo (podem acessá-lo em dispositivos móveis para conferir), mas, nem o script, nem o iframe são responsivos. É ai que reside o problema, preciso que a tabela se comporte de modo responsivo no site. Assim, preciso que me ajudem a fazer com que esse iframe seja responsivo, ou o script seja responsivo.

Espero que eu tenha sido claro!

Aguardo o socorro de vocês!

[mikeaguiar]

<script src="responsive-iframes.js">

function adjustIframes()

{

$('iframe').each(function(){

var

$this = $(this),

proportion = $this.data( 'proportion' ),

w = $this.attr('width'),

actual_w = $this.width();

if ( ! proportion )

{

proportion = $this.attr('height') / w;

$this.data( 'proportion', proportion );

}

if ( actual_w != w )

{

$this.css( 'height', Math.round( actual_w * proportion ) + 'px' );

}

});

}

$(window).on('resize load',adjustIframes);// JavaScript Document</script>