0

私はJQuery（およびHTML全般）に非常に慣れていないため、画像がクリックされたときに埋め込みフィルムを表示および再生するオーバーレイを取得しようとしています。ただし、画像をクリックできず、その理由がわかりません。

これが私のコードです：

<style>
    .film_overlay {
     display:none;
     z-index:500;
     background-color:#d0d0d0;
     width:520;
     min-heigth:300;
     border:1px solid #666;
     -moz-box-shadow:0 0 90px 5px #000;
     -webkit-box-shadow:0 0 90px 5px #000;
 }
 .film_overlay .close {
     background-image:url(http://www.destinationfjallen.se/sites/destfjallen/files/close.png);
     position:absolute;
     right:-15px;
     top:-15px;
     cursor:pointer;
     height:35px;
     width:35px;
 }
</style>

<img class="karta" src="http://www.destinationfjallen.se/sites/destfjallen/files/film1.jpg" rel="#film"/>

<div class="film_overlay" id="#film">
     <iframe src="http://player.vimeo.com/video/54730694?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1" width="500" height="281" frameborder="0"webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>

<script>
$(document).ready(function () {
   $("img[rel]").overlay();
});
</script>

私が得ることができるすべての助けに感謝しています！

4

3 に答える 3

0

.overlay()jQuery の一部ではありません。これは、jQuery ツール ライブラリ内にあるプラグインです。それを含める必要があります。次の行を<head>ページの一部に追加します (jQuery をロードした後)。

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
于 2013-07-18T10:05:11.427 に答える