Googleマップの上部にカーテンを追加する方法

Question

私は研究のタイトルが必要で、この場合適切なものがないか、Googleマップが迷惑で、ウェブサイトのデザイン全体がクラッシュする。ユーザーが画像をスライドさせてGoogleマップを表示すると、埋め込まれたGoogleマップの上にカーテンや画像のようなものを作ることができますか？

は、私はあなたがカーテンアップをスライドさせるjQueryのを使用してマップの上に<div>を配置しようとしたと仮定し、返信

Answer 1

いただきありがとうございますか！

これは間違った方法をスライドしていますが、このjsfiddle

HTML

<div id="map"></div> 
<div id="curtain"></div> 

CSS

#map{ 
    background-image: url('http://0.tqn.com/d/webtrends/1/0/e/2/-/-/google-maps-walk-2.jpg'); 
    height:400px; 
    width:400px; 
} 

#curtain{ 
    background-image: url('http://www.vectordiary.com/isd_tutorials/005_curtain/step02_2.gif'); 
    height:400px; 
    width:400px; 
    margin-top:-400px; 
} 

jQueryの

でアイデアを得ます

$('#curtain').click(function(){ 
    $(this).slideUp("slow"); 
});