делают содержание IFrame интерактивными

Question

Эй, ребята, я есть следующие ниже скрипку

JSfidle link

проблема утра облицовочный, что я не в состоянии нажать содержание IFrame, как образ приходит на вершине. Раньше я пробовал поворачивать изображение, но тогда эффект отслаивания не приходит. Может ли вы дайте мне знать, как сделать IFRAME интерактивного

 $(function(){ 
    var show=false; 
    var expand=function(){ 
    $('#page_peel_img').stop().animate({ 
     width: 500, 
     height: 500 
    },{ 
     duration:500, 
     queue:false, 
     complete:function(){ 
      show=true; 
     } 
    }); 


    $('#page_peel').stop().animate({ 
     width: 500, 
     height: 500 
    },{ 
     duration:500 
    }); 
}; 

     var close=function(){ 
      $('#page_peel_img').stop().animate({ 
      width: 50, 
      height: 50 
     }, 
     { duration: "medium", 
      queue:false, 
      complete:function(){ 
      show=false; 
      } 
     }); 

     $('#page_peel').stop().animate({ 
      width: 50, 
      height: 50 
     }, 400); 

};

 //$('#page_peel').hover(expand,close); 

    $('#page_peel_img').click(function() { 
    //alert(1); 

    if(!show){ 
     expand(); 
     show=true; 
    }else{ 
     close(); 
     show=false; 
    } 

}); 

}); 

Answer 1

Вы можете попытаться использовать трюк transform/-webkit-transform (chrome browser).

Смотрите мой finddle http://www.jsfiddle.net/ejNf2/2/

-webkit-transform: rotate(-45deg);-transform: rotate(-45deg); 

В моем примере верхнего меню (abous нас, центр клиента) может быть интерактивным. Вы должны изменить изображение и повернуть его.

Дайте мне знать, если я могу помочь.